<input />类型颜色变化不起作用

Question

我正在尝试更改输入类型的背景颜色。它在firefox中工作正常，但在chrome中没有。我的样式被用户代理样式表覆盖。 有什么办法可以覆盖用户代理样式表以获取chrome。

.form-list input, textarea {
  background-color : #F5F5F2;
}

Answer 1

有几种方法可以使用！重要但这可以防止自定义样式表生效，这是一种不好的做法。

我建议你确保你的规则更具体，所以列出了围绕控件的div。

div > div > .form-list { background-color: #F5F5F2; }

Answer 2

您的代码应该按原样运行，因为它适用于我：

请您发布您的代码，以便我查看一下吗？

您可以查看here类似的问题。

.form-list input, textarea {
  background-color : red;
}

<div class="form-list">
    <input type="text" name="t" />
    <textarea></textarea>
</div>

Answer 3

我找到了一个有效的解决方案。希望它也能帮助别人。

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