Fix yellow form fields in Firefox

If a visitor to your website has downloaded the Google Toolbar and uses Firefox to view your site, form fields with common names (First Name, Email, etc) will display in yellow. To circumvent this design snafu, place the following in your CSS:

input[type="text"] /* To keep form fields consistent */
{
background: #FFF !important;
}

This doesn’t impact the functionality of the Google Toolbar, it just ensures that the fields in your form don’t take on funky colors.


1 Comment to "Fix yellow form fields in Firefox"

  1. Richard

    Thanks this worked great although I found I had to use it alongside a class to ensure it took priority over the Google toolbar style sheet.

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>