Chrome 自动完成输入样式

Posted 2023-02-24

【中文标题】Chrome 自动完成输入样式

【英文标题】：Chrome autocomplete input style

【发布时间】：2013-09-16 07:44:36

【问题描述】：

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

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

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

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

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

【问题讨论】：

Override browser form-filling and input highlighting with html/CSS的可能重复

是的，不要使用输入.. 使用 div 的样式并像输入一样使用

【参考方案1】：

使用以下代码：

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