css - Chrome 自动完成输入样式

Question

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

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

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

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

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

Answer 1

使用以下代码:

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