我最近注意到,在 Google Chrome 中,所有自动填充值的输入元素都显示蓝色背景
是的,Google 将自动填充预览的背景颜色更改为GoogleBlue50
。您可以在这里找到问题:https://bugs.chromium.org/p/chromium/issues/detail?id=935991 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">
Note:如果您想覆盖自动填充颜色,您可以使用此问题提供的解决方案之一:
- Google Chrome 表单自动填充及其黄色背景 https://stackoverflow.com/questions/2920306/google-chrome-form-autofill-and-its-yellow-background
- 删除 Chrome 自动完成的输入背景颜色? https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete
计划拆分预览自动填充和选择自动填充的 CSS 规则 https://bugs.chromium.org/p/chromium/issues/detail?id=880258在未来:
- 预览自动填充(将鼠标悬停在自动填充建议上时填充字段)。
- 已选择自动填充(字段由自动填充建议填充)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)