Google Toolbar – Auto Complete – Yellow Text Fields

Posted by jerothe in CSS      No comments

Aug
17

Ever have this problem? I know I have. And I always wondered how to take care of it because as a web designer, on certain sites that have dark backgrounds, I don’t want my potential users to have some of my text fields yellow and some not.

You’ve seen this. (Include Image of website with white background) It is the auto complete feature in the Google Toolbar that turns the fields you have filled out and designated with saved information to quickly fill out forms.

This is all the code you need in your rule in your stylesheet;

input{
background:#fff !important;
}

I don’t typically use the “!important” rule, I usually associate it with CSS hacks, but in this case, this is just a nice usability thing that will really help out your designs.