https://legacy.forums.gravityhelp.com/topic/form-displays-differently-in-ie8-firefox-and-phone Gravity Support Forums Topic: Form displays differently in IE8, Firefox and phone en-US Sun, 19 Apr 2026 20:26:03 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-displays-differently-in-ie8-firefox-and-phone#post-35826 Wed, 21 Sep 2011 01:11:40 +0000 mkauf01 35826@https://legacy.forums.gravityhelp.com/ <p>Thanks Kevin. Sorry for the delay in getting back to you. Other fires to fight to get site live. I'll work with the folks at Studio Press to see if they have any answers.</p> <p>Muichael </p> https://legacy.forums.gravityhelp.com/topic/form-displays-differently-in-ie8-firefox-and-phone#post-33044 Fri, 19 Aug 2011 15:43:03 +0000 Kevin Flahaut 33044@https://legacy.forums.gravityhelp.com/ <p>The problem with IE8 is that your theme sets blanket background/border properties for all inputs.</p> <pre><code>[css] .gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select { background: none repeat scroll 0 0 #F7F7F7 !important; border: 1px solid #DDDDDD; color: #0088B3 !important; font-family: Arial,Tahoma,Verdana !important; font-size: 12px !important; padding: 4px 0 4px 5px !important; }</code></pre> <p>That's the lazy way of doing it. Not all inputs are created equal. Since radio buttons, checkboxes, image buttons and buttons are all input types too, they're naturally going to inherit from that rule.</p> <p>You'll need to adjust your rule to remove those properties, or apply them to the specific input types rather than just the blanket input element. Your theme provider should be able to provide you with some guidance on this.</p> <p>I don't have an android phone/device so I can't test that right now, but we haven't had any other similar issues reported so I would venture a guess that issue is related to your theme as well. </p> https://legacy.forums.gravityhelp.com/topic/form-displays-differently-in-ie8-firefox-and-phone#post-33034 Fri, 19 Aug 2011 14:03:56 +0000 mkauf01 33034@https://legacy.forums.gravityhelp.com/ <p>Form check boxes are displaying differently in IE8, Firefox and on my Android phone browser. Firefox displays correctly. IE8 has gray boxes surrounding the check box and on the phone all the check boxes appear dimmed in gray with check marks showing in each box. If you click on a check box on the phone it then shows correctly for that individual box. All others remain the same.</p> <p>Test site is <a href="http://www.6starworldtravel.com/contact-us-2/contact-us/" rel="nofollow">http://www.6starworldtravel.com/contact-us-2/contact-us/</a>.</p> <p>Any assistance is greatly appreciated. Thanks in advance.</p> <p>Michael </p>