Css Chrome自动完成输入样式

Css Chrome自动完成输入样式,css,forms,google-chrome,input,Css,Forms,Google Chrome,Input,有没有一种方法可以自定义样式/删除Google Chrome通过autocomplete=“on”添加到输入框中的黄色自动填充背景色 我找到了一些解决方案,但它们都删除了自动完成功能或添加了一个插入阴影来覆盖黄色 但我需要保留自动完成功能,并为输入使用自定义背景(线性渐变) 编辑:我试图覆盖样式表,但它不工作,它可能是一个Chrome错误 input:-webkit-autofill { background-color: red !important; } 使用以下代码: input:-we

有没有一种方法可以自定义样式/删除Google Chrome通过
autocomplete=“on”
添加到输入框中的黄色自动填充
背景色

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

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

编辑:我试图覆盖样式表,但它不工作,它可能是一个Chrome错误

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

使用以下代码:

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

可能重复“是”,不要使用输入。。使用div的样式并像输入一样使用