Chrome自动填充输入样式

Question

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

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

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

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

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

Answer 1

使用以下代码：

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