【问题标题】:Google Chrome autofill yellow background [duplicate]谷歌浏览器自动填充黄色背景 [重复]
【发布时间】:2011-06-10 10:57:01
【问题描述】:

可能重复:
How do I stop Chrome from yellowing my site's input boxes?

我知道有完全相同的重复,但它们的答案都没有解决我的问题(例如How do I stop Chrome from yellowing my site's input boxes?)。

当 chrome 自动填充字段时,由于某种原因,它会变成黄色。此处的示例图片:http://nclabs.org/screenshots/1295269850.png

我想要什么:

  • 一种 CSS 或 Javascript(甚至 jQuery)解决方案,可防止 背景(不是 :focus 轮廓!)在自动填充时变黄。
  • 该解决方案必须保持自动填充功能完好无损。

有人知道解决办法吗?谢谢!

【问题讨论】:

  • 这些“可能的重复”没有有效的答案并保持自动填充功能完好无损。
  • 嗯,这是一个浏览器 GUI 功能,让 Web 开发人员弄乱浏览器 GUI 是非常不寻常的 - 因为这不是他们可以弄乱的。
  • 这个“功能”是网页设计的一部分,不是他们的事。 (他们和 Chrome 开发者一样)

标签: javascript css google-chrome


【解决方案1】:

您可以使用这个 jQuery 来禁用该功能:

if ($.browser.webkit) {
    $('input[name="password"]').attr('autocomplete', 'off');
}

但是没有办法改变自动填充的颜色。

【讨论】:

  • 这不符合我的第二个需求:“该解决方案必须保持自动填充功能完好无损。”
  • 同意,这就是为什么我说如果它没有办法改变颜色:) 你可以禁用它或让它变黄。不幸的是,这些是您的选择。
【解决方案2】:

[2018 年更新]

根据 Matt K 的评论,现在看来这是可能的。您可以参考这个答案寻求解决方案:https://stackoverflow.com/a/25881221/798634

引用:

// Just change "red" to any color
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px red inset;
}

[2011 年原始答案]

不幸的是,您要么禁用自动完成功能(可能通过 JavaScript - 请参阅 Kyle 的回答),要么您注定要使用严重的黄色背景。 Chrome 的内部 CSS 让您远离所有样式可能性。这个问题可以追溯到 2008 年,至今仍未解决。

【讨论】:

猜你喜欢
  • 2014-02-19
  • 2015-03-28
  • 1970-01-01
  • 2017-10-02
  • 2016-08-31
  • 2014-12-13
  • 2010-10-17
  • 1970-01-01
  • 2017-06-11
相关资源
最近更新 更多