谷歌Chrome自动填充黄色背景

Question

  

可能重复：
  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）解决方案，可防止背景（不是：焦点轮廓！）在自动填充中变为黄色。
• 该解决方案必须保持自动填充功能不受影响。

有谁知道解决方案？谢谢！

Answer 1

您可以使用此jQuery来禁用该功能：

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

但是无法改变自动填充的颜色。

Answer 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;
}

[ORIGINAL 2011 ANSWER]

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