我最近注意到在谷歌Chrome它是显示蓝色背景的所有输入元素是自动填充的值
的数据
ar7v8xwq1#
是的,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):
GoogleBlue50
#E8F0FE
rgb(232, 240, 254)
#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:
hec6srdp2#
是的,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; }
字符串
**注意:**这将覆盖您已经应用到输入的任何框阴影。
gupuwyp23#
是的,它变成了浅蓝色。
0ejtzxu14#
试试这个,对我很有效
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: all 5000s ease-in-out 0s; transition-property: background-color, color; }
4条答案
按热度按时间ar7v8xwq1#
是的,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)
:**注意:**如果您想覆盖自动填充颜色,您可以使用此问题提供的解决方案之一:
未来计划split the CSS rules for autofill previewed and autofill selected:
hec6srdp2#
是的,Google出于某种未知的原因改变了这一点。
它被跟踪,但它没有说为什么它被改变:https://bugs.chromium.org/p/chromium/issues/detail?id=935991
该更新已进入Chrome版本72.0.3626.119
在我看来,它看起来太像残疾人风格了。我猜每个使用Chrome的人都已经习惯了自动填充输入上的黄色背景,所以这可能会给现在的用户造成很多困惑。
然而,就像所有的事情一样,人们最终会习惯新的颜色。如果你真的想要它回来,你可以使用以下css:
字符串
**注意:**这将覆盖您已经应用到输入的任何框阴影。
gupuwyp23#
是的,它变成了浅蓝色。
0ejtzxu14#
试试这个,对我很有效
字符串