Get rid of ugly yellow form fields with CSS

Why do some fields in the online form have an ugly yellow background?

The culprit is the the Google toolbar that people often install in their browser. Part of the AutoFill feature is to highlight in yellow, #FFFF80, the fields that AutoFill can fill. These are form fields with names like “Name” and “Email”.

How do I get rid of the yellow?

You can specify a background color to the form field. Not just specify, but really, really specify with the !important css hack.

Add this code to your css:

/* non-yellow autocomplete */
input { background-color: #ffffff !important; }

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)