How to Remove the Yellow Background From Forms in IE

How to Remove the Yellow Background From Forms in IE

Written by craig coffman

Are you tired of having your forms appear with colored background when you know you did not code it? Wonder why it is only in IE? Well, as many of you already know, the Google bar in the IE browser has an option to auto complete form fields. While this is definitely a handy thing, it is probably not how you pain-stakingly designed the page. As well, it does not even do it to all of the fields so the style is not even consistent. Good news, there is a fix!

Since it is not always a reality that your visitors will know to go up and disable the functionality of the Google toolbar, CSS will have to save the day. Here is all you need to add to your style sheet:

input { background-color: white ! important}

Viola! Now your page appears as desired. Thanks to this article from html dog. In particular to Chris Weber who chimed in on comment numbers 32 and 33.