PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Getting background color behind radio buttons & checkboxes

  1. 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!

    Posted 9 years ago on Wednesday September 26, 2012 | Permalink
  2. 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;
    }
    Posted 9 years ago on Wednesday September 26, 2012 | Permalink
  3. mabel888
    Member

    Thanks Rob, I also added type=submit to your fix and it seems to be formatting inputs properly now.

    Posted 9 years ago on Wednesday September 26, 2012 | Permalink
  4. Awesome, glad to help!

    Posted 9 years ago on Thursday September 27, 2012 | Permalink

This topic has been resolved and has been closed to new replies.