How to remove input Autofill Yellow background in Chrome browser

Posted By : Prince Kumar | 27-Sep-2017

If Chrome browser remembers some login email or password it changes a background color to a yellow one so in that case, I have a better solution for this.

Here are screenshots:

The following CSS code removes the input autoFill yellow background color and replaces it with a background color of your choosing.

It doesn't disable autoFill and it requires no jquery or Javascript hacks code.

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}
input:-webkit-autofill:focus {
    -webkit-box-shadow:0 0 0 50px white inset;
}
 

About Author

Author Image
Prince Kumar

Prince is a sharp and intellectual UI Developer, he has a good knowledge of HTML. CSS, Jquery. His hobbies are reading books, listening music and net surfing,

Request for Proposal

Name is required

Comment is required

Sending message..