https://legacy.forums.gravityhelp.com/topic/ie9-styles-file-input-terribly Gravity Support Forums Topic: IE9 Styles File Input Terribly en-US Mon, 20 Apr 2026 02:35:14 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/ie9-styles-file-input-terribly#post-26998 Sat, 04 Jun 2011 19:34:09 +0000 Kevin Flahaut 26998@https://legacy.forums.gravityhelp.com/ <p>Okay, wonderful. Thanks for the update. I had hoped that would work, but since I couldn't test with IE9 at the moment was unsure. Very glad it worked for you. </p> https://legacy.forums.gravityhelp.com/topic/ie9-styles-file-input-terribly#post-26997 Sat, 04 Jun 2011 19:27:03 +0000 Jonathan 26997@https://legacy.forums.gravityhelp.com/ <p>Thanks a lot Kevin. I had tried using some more specific css, but I guess I didn't make it specific enough. In any case, that did the trick. </p> https://legacy.forums.gravityhelp.com/topic/ie9-styles-file-input-terribly#post-26995 Sat, 04 Jun 2011 19:15:56 +0000 Kevin Flahaut 26995@https://legacy.forums.gravityhelp.com/ <p>There is very little you can do with the file input type when it comes to styling with CSS. The button is pretty much inaccessible to styling in most browsers while some will let you control other properties such as background &amp; font colors, etc. Usually, you can't change the width of the file input with CSS. I don't have IE9 installed on the machine I'm using right now so can't fully test that to verify if it is or isn't accessible with CSS in the newest version of IE.</p> <p>You can easily override the important declarations by using better CSS specificity. You can try this.</p> <pre><code>[css] html body .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_complex .ginput_full input[type=file] { width:300px!important; background-color:red }</code></pre> <p>and see if that does anything to change the width. </p> https://legacy.forums.gravityhelp.com/topic/ie9-styles-file-input-terribly#post-26993 Sat, 04 Jun 2011 18:15:10 +0000 Jonathan 26993@https://legacy.forums.gravityhelp.com/ <p>When using a file input on IE9 it extends the input field all the way across the screen. Considering there are a bunch of !important decelerations on the width, I was wondering how I should go about fixing this.</p> <p>You can see this at <a href="http://jgvisualdev.com/mar/education/instructors/submit-instructor/" rel="nofollow">http://jgvisualdev.com/mar/education/instructors/submit-instructor/</a>.</p> <p>Thank you. </p>