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

【问题标题】：is Google Chrome <input /> Auto fill background color changed in Version 72.0?Google Chrome <input /> 自动填充背景颜色在 72.0 版中是否更改？
【发布时间】：2019-07-23 07:37:25
【问题描述】：

我最近在谷歌浏览器中发现它为所有输入元素显示蓝色背景，这些元素是自动填充的值

【问题讨论】：

标签： html google-chrome input autofill

【解决方案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">

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

未来计划split the CSS rules for autofill previewed and autofill selected：

自动填充预览（悬停自动填充建议时填充字段）。
已选择自动填充（使用自动填充建议填充字段）。

【讨论】：

【解决方案2】：

是的，Google 出于某种未知原因更改了此设置。

正在跟踪，但没有说明更改原因：https://bugs.chromium.org/p/chromium/issues/detail?id=935991

此更新已进入 Chrome 版本 72.0.3626.119

在我看来，它看起来太像残疾人风格了。我想每个使用 Chrome 的人都已经习惯了自动填充输入的黄色背景，所以现在这可能会给用户带来很多困惑。

但是，就像所有事物一样，人们最终会习惯新颜色。如果你真的想要它回来，你可以使用下面的 css：

input:-webkit-autofill, input:focus:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 100px rgb(250, 255, 189) inset;
}

注意： 这将覆盖您已应用于输入的任何框阴影。

【讨论】：

【解决方案3】：

是的，它变成了浅蓝色。

【讨论】：

是的，我也看到了这种变化。