Css 为什么谷歌浏览器忽视了我的风格？

我试图覆盖Chrome为

-webkit autofill

文本元素添加的黄色背景色。但是，即使Inspector工具告诉我Chrome正在应用我自己的css规则，计算样式仍然是黄色的。我的意思是：

这个问题的密码。单击输入字段以使其成为焦点，然后从下拉列表中选择一些内容。（Chrome使用“name”属性查找匹配的自动完成选项，因此您可能需要将其更改为以前使用过的内容，以显示自动完成下拉列表）

---

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

显然，您无法覆盖此选项，需要使用hack作为解决方法：

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

---

你能发布一个代码示例吗？@JDB@greggreg的可能副本我想知道为什么会这样-在你链接的问题中有很多解决方法。但这些问题涉及如何绕过“特殊的”

-webkit autofill

选择器，而不是它到底是什么。@Jamie-

：visted

是问题的一部分。有一些“非官方标准”（我们倾向于称之为“约定”）——例如，在HTML5之前，关闭标记在技术上是标准所要求的，但在实践中，浏览器非常擅长正确呈现，即使省略了它们。然后是特定于供应商的定义，例如以“-moz”（Firefox）、“-webkit”（Chrome）、“-ms”（Internet Explorer）或“-o”（Opera）开头的任何内容。嗯，这就是我找到的解决方案。但是为什么你不能使用CSS规则呢？@Jamie，这是一个CSS规则。我的意思是使用

背景色
CSS属性：P。这是特定于-webkit自动填充的吗？为什么Chrome在inspect元素面板中会有这样的矛盾呢？不同的浏览器呈现出不同的效果