为什么Google Chrome会忽略我的风格？

Question

我试图覆盖Chrome为-webkit-autofill文本元素添加的黄色背景颜色。但即使Inspector工具告诉我Chrome正在应用我自己的css规则，计算出的样式仍然是黄色的。这就是我的意思：

Here's问题的代码。单击输入字段以使其聚焦，然后从下拉列表中选择一些内容。 （Chrome使用＆＃39;名称＆＃39;属性来查找匹配的自动填充选项，因此您可能需要将其更改为您之前用过的自动填充下拉列表以显示的内容）

为什么这个元素的计算样式不是黄色而是黄色？

Answer 1

显然你不能覆盖它，并且需要使用hack作为解决方法：

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