版本72.0中Google Chrome <input />自动填充背景颜色是否已更改？

Question

我最近在Google Chrome浏览器中注意到，对于所有自动填充值的输入元素，它都显示蓝色背景

Answer 1

是的，Google将自动填充预览的背景颜色更改为GoogleBlue50。您可以在这里找到问题：https : //bugs.chromium.org/p/chromium/issues/detail?id=935991

从Google Chrome 72开始，新的自动填充颜色为#E8F0FE/ rgb(232, 240, 254)。在Google Chrome 72之前，自动填充字段都用#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">

注意：如果要覆盖自动填充颜色，可以使用此问题提供的解决方案之一：

• Google Chrome表单自动填充及其黄色背景
• 删除Chrome自动完成功能的输入背景色？

计划拆分CSS规则，以供将来预览自动填充和选择自动填充：

• 预览自动填充（将鼠标悬停在自动填充建议上时会填充字段）。
• 选择自动填充（字段中会填充自动填充建议）。