https://legacy.forums.gravityhelp.com/topic/getting-background-color-behind-radio-buttons-checkboxes Gravity Support Forums Topic: Getting background color behind radio buttons & checkboxes en-US Mon, 20 Apr 2026 12:05:41 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/getting-background-color-behind-radio-buttons-checkboxes#post-77552 Wed, 26 Sep 2012 20:08:10 +0000 Rob Harrell 77552@https://legacy.forums.gravityhelp.com/ <p>Awesome, glad to help! </p> https://legacy.forums.gravityhelp.com/topic/getting-background-color-behind-radio-buttons-checkboxes#post-77533 Wed, 26 Sep 2012 16:01:38 +0000 mabel888 77533@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob, I also added type=submit to your fix and it seems to be formatting inputs properly now. </p> https://legacy.forums.gravityhelp.com/topic/getting-background-color-behind-radio-buttons-checkboxes#post-77523 Wed, 26 Sep 2012 15:05:39 +0000 Rob Harrell 77523@https://legacy.forums.gravityhelp.com/ <p>In your theme's stylesheet you have:</p> <pre><code>[css] blockquote, input, select, textarea, .author-box, .sticky, .taxonomy-description, .wp-caption { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: whiteSmoke; border: 1px solid #DDD; border-radius: 3px; }</code></pre> <p>This is targeting all inputs. A radio button is an input. You could make that selector more specific, targeting only certain input types, like so:</p> <pre><code>[css] blockquote, input[type=&quot;text&quot;], input[type=&quot;tel&quot;], input[type=&quot;email&quot;], input[type=&quot;url&quot;], input[type=&quot;number&quot;], select, textarea, .author-box, .sticky, .taxonomy-description, .wp-caption { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: whiteSmoke; border: 1px solid #DDD; border-radius: 3px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/getting-background-color-behind-radio-buttons-checkboxes#post-77520 Wed, 26 Sep 2012 14:57:49 +0000 mabel888 77520@https://legacy.forums.gravityhelp.com/ <p>Hello, I'm getting a gray background box behind the radio buttons and checkboxes on my form in IE9, but not Firefox. I tried the solution in <a href="http://www.gravityhelp.com/question/why-is-my-form-showing-up-with-list-bullets/" rel="nofollow">http://www.gravityhelp.com/question/why-is-my-form-showing-up-with-list-bullets/</a>, but that didn't fix the issue. Form URL: <a href="http://dev.eaganfoundation.org/contribute/financial-support/friend-of-efi-donations/friend-of-efi-donation-form/" rel="nofollow">http://dev.eaganfoundation.org/contribute/financial-support/friend-of-efi-donations/friend-of-efi-donation-form/</a></p> <p>I'm using WP 3.4.2 and Gravity Forms 1.6.7.</p> <p>Thank you for your help! </p>