【问题标题】:Why is Google Chrome ignoring my style?为什么谷歌浏览器会忽略我的风格?
【发布时间】:2014-08-15 00:05:09
【问题描述】:

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

Here's 问题的codepen。单击输入字段以使其获得焦点,然后从下拉列表中选择某些内容。 (Chrome 使用“名称”属性来查找匹配的自动完成选项,因此您可能需要将其更改为您以前使用过的内容才能显示自动完成下拉菜单)

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

【问题讨论】:

  • 你能发一个代码示例吗?
  • @JDB @greggreg 我想知道为什么会这样 - 您链接的问题中有很多解决方法。但这些问题涉及如何绕过“特殊”-webkit-autofill 选择器,而不是它到底是什么。
  • @Jamie - :visitedofficial standard 的一部分。有一些“非官方标准”(我们倾向于称它们为“约定”)——例如,在 HTML5 之前,标准在技术上要求结束标记,但实际上浏览器非常擅长正确呈现,即使它们是省略。然后是特定于供应商的定义,例如以“-moz”(Firefox)、“-webkit”(Chrome)、“-ms”(Internet Explorer)或“-o”(Opera)开头的任何内容。

标签: css google-chrome


【解决方案1】:

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

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

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-06-25
  • 1970-01-01
  • 2011-11-11
  • 2022-11-10
  • 2023-01-23
  • 1970-01-01
相关资源
最近更新 更多