Google Chrome form autofill and its yellow background

html css forms google-chrome autofill
hsz picture hsz · May 27, 2010 · Viewed 183.1k times · Source

I have design problem with Google Chrome and its form autofill function. If Chrome remembers some login/password it changes a background color to a yellow one.

Here are some screenshots:

alt text alt text

How to remove that background or just disable this autofill ?

Answer

Fareed Alnamrouti picture Fareed Alnamrouti · Jan 8, 2013

Change "white" to any color you want.

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

Related questions

How to align checkboxes and their labels consistently cross-browsers

This is one of the minor CSS problems that plagues me constantly. How do folks around Stack Overflow vertically align checkboxes and their labels consistently cross-browser? Whenever I align them correctly in Safari (usually using vertical-align: baseline on the input), …

Read More
Put icon inside input element in a form

How do I put an icon inside a form's input element? Live version at: Tidal Force theme

Read More
How to disable the resize grabber of <textarea>?

How to disable the grabber in the <textarea>? I mean that triangle thing which appears in the right-bottom corner of the <textarea>.

Read More