mabel888
Member
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 http://www.gravityhelp.com/question/why-is-my-form-showing-up-with-list-bullets/, but that didn't fix the issue. Form URL: http://dev.eaganfoundation.org/contribute/financial-support/friend-of-efi-donations/friend-of-efi-donation-form/
I'm using WP 3.4.2 and Gravity Forms 1.6.7.
Thank you for your help!
In your theme's stylesheet you have:
[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;
}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:
[css]
blockquote, input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="number"], 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;
}Awesome, glad to help!