Remove Yellow Field Background Color From Autocomplete In Chrome + Other Browsers

Posted by Weston Ganger

Common approach to solve this that doesnt work in chrome but might work in other browsers:


input:-webkit-autofill{
  background-color: white !important;
}

The approach that does work in Chrome:


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

It may be beneficial to combine these two rules into one block for all webkit browsers compatibility. Cannot confirm the background-color works in other browsers as I was only testing it for Chrome.

Article Topic:Software Development - HTML / CSS

Date:July 06, 2014

Recommended Posts

Contact

604-309-8713
info@solidfoundationwebdev.com

Send Me A Message

I would love to get in touch and talk about your next project. Feel free to send a message and I will get back to you shortly.

Get Connected