css - Chrome 自动完成输入样式

Question

有没有办法自定义样式/删除background-colorGoogle Chrome 添加到输入框的黄色自动填充autocomplete="on"？

我在那里找到了一些解决方案，但它们都删除了自动完成功能或添加了一个嵌入阴影来覆盖黄色。

但我需要保留自动完成功能并使用自定义背景（线性渐变）作为输入。

编辑：我试图覆盖样式表，但它不起作用，可能是 Chrome 错误？

input:-webkit-autofill {
background-color: red !important;
}

Answer 1

使用以下代码：

input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;}