是谷歌浏览器<输入/>72.0 版中更改了自动填充背景颜色? [英] is Google Chrome &lt;input /&gt; Auto fill background color changed in Version 72.0?

查看:24
本文介绍了是谷歌浏览器<输入/>72.0 版中更改了自动填充背景颜色?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我最近在谷歌浏览器中注意到它为所有自动填充值的输入元素显示蓝色背景

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

推荐答案

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

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

自 Google Chrome 72 起,新的自动填充颜色为 #E8F0FE/rgb(232, 240, 254).在 Google Chrome 72 之前,自动填充字段用 #FAFFBD/rgb(250, 255, 189) 着色:

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:

计划拆分自动填充预览和自动填充选择的CSS规则 未来:

  • 自动填充预览(在悬停自动填充建议时填充字段).
  • 已选择自动填充(用自动填充建议填充字段).

这篇关于是谷歌浏览器<输入/>72.0 版中更改了自动填充背景颜色?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆