is Google Chrome <input /> Auto fill background color changed in Version 72.0?

Question

I Recently Noticed in Google Chrome it is showing blue color background for all inputs elements which are auto filled values

Answer 1

Yes Google changed the background color of the autofill preview to GoogleBlue50. You can find the issue here: https://bugs.chromium.org/p/chromium/issues/detail?id=935991

Since Google Chrome 72 the new autofill color is #E8F0FE / rgb(232, 240, 254). Until Google Chrome 72 the autofill fields were colored with #FAFFBD / rgb(250, 255, 189):

input {
  border: 1px solid black;
  padding: 4px 3px;
}
.show-autofill-new {
  background-color: #E8F0FE !important;
  background-image: none !important;
  color: #000000 !important;
}
.show-autofill-old {
  background-color: #FAFFBD !important;
  background-image: none !important;
  color: #000000 !important;
}

<input class="show-autofill-new" placeholder="since 72" type="text">
<input class="show-autofill-old" placeholder="until 72" type="text">

Note: In case you want to overide the autofill color you can use one of the solutions provided on this questions:

• Google Chrome form autofill and its yellow background
• Removing input background colour for Chrome autocomplete?

---

It is planned to split the CSS rules for autofill previewed and autofill selected in future:

• autofill previewed (fields are filled while hovering the autofill suggestion).
• autofill selected (fields are filled with a autofill suggestion).