如何阻止Chrome浏览器使我的网站的输入框变黄？
在表单提交，后验证等其他文本和视觉辅助工具中，我将红色的输入框填色以表示需要注意的交互区域。
在Chrome（以及Google工具栏用户）上，自动填充功能会将我的输入表单重新着色为黄色。 以下是一个复杂的问题：我希望我的表单允许自动完成，因为它可以加速用户的登录速度。我将检查是否在触发错误时将autocomplete属性关闭，但它是一个复杂编码位以编程方式关闭页面上单个受影响输入的自动完成。 简单来说，这将是一个令人头痛的问题。
因此，为了避免这个问题，有没有更简单的方法来阻止Chrome重新着色输入框？
我尝试了！下面的重要建议，它没有任何作用。 我还没有检查Google工具栏，看看！重要属性是否适用。
据我所知，除了使用autocomplete属性外（没有任何其他方法可以工作）。
我知道在Firefox中，您可以使用属性autocomplete =“off”来禁用自动完成功能。 如果这可以在Chrome中运行（尚未测试），则可以在遇到错误时设置此属性。
这可以用于单个元素
<input type="text" name="name" autocomplete="off">
......以及整个表格
<form autocomplete="off" ...>
将CSS大纲属性设置为无。
input[type="text"], input[type="password"], textarea, select {
outline: none;
}
在浏览器可能添加背景颜色的情况下，这可以通过类似的方式修复
:focus { background-color: #fff; }
这正是你想要的！
// Just change "red" to any color
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px red inset;
}
上一篇: How do I stop Chrome from yellowing my site's input boxes?