html - <input> 类型颜色更改不起作用

Question

我正在尝试更改输入类型的背景颜色。它在 firefox 中运行良好，但在 chrome 中运行不正常。我的样式被用户代理样式表覆盖。有什么方法可以覆盖 chrome 的用户代理样式表。

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

Answer 1

有几种方法可以使用 !important，但这会阻止自定义样式表生效，这是一种不好的做法。

我建议确保您的规则更具体，例如列出控件周围的 div。

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