Html 地址自动填充时如何更改输入字段样式

Html 地址自动填充时如何更改输入字段样式,html,css,google-chrome,autofill,Html,Css,Google Chrome,Autofill,我在chrome浏览器中存储了地址,因此当我填写表单时,会出现如下弹出窗口: 当我选择地址时,输入字段会变成蓝色,如下所示: 如何更改CSS,使输入字段不会变为蓝色。 我已经尝试了下面的代码,但没有成功: input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover te

我在chrome浏览器中存储了地址,因此当我填写表单时,会出现如下弹出窗口:

当我选择地址时,输入字段会变成蓝色,如下所示:

如何更改CSS,使输入字段不会变为蓝色。 我已经尝试了下面的代码,但没有成功:

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  background-color: transparent;
}

选择“自动填充建议”时不能进行透明输入,但可以使用以下CSS更改“自动填充建议”后输入字段的颜色:

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
您可以更改自动填充建议的文本颜色:

input:-webkit-autofill {
-webkit-text-fill-color: yellow !important;
}

可能重复我正在尝试更改背景颜色,而不是颜色。e、 g背景色:透明,我也尝试过背景色:#000;这也不起作用。是的,Sohail,选择“自动填充建议”后,您不能更改输入的背景色,但可以在输入字段上设置与背景色相同的框阴影。尝试升级我提供的CSS代码