javascript - 谷歌浏览器自动填充黄色背景

标签 javascript css google-chrome

<分区>

Possible Duplicate:
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)解决方案。
  • 该解决方案必须完整保留自动填充功能。

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

最佳答案

[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 年,至今仍未解决。

关于javascript - 谷歌浏览器自动填充黄色背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4713532/

上一篇:html - 为什么图片在 IE6~7 下在这个 html 代码中下降?

下一篇:css - IE8 中奇怪的表格开箱即用错误

相关文章:

Html 和 Css border-bottom 用 2 行代替 1

javascript - window.opener.location.href 适用于 IE 但不适用于 Chrome 或 Safari

javascript - 无法在源映射文件中设置断点(使用 jquery 的示例)

javascript - 从 JavaScript 数组中删除一个值

css - 如何检查重复的 CSS 规则?

javascript - 使用编码参数重新加载页面

javascript - javascript中特定字符的密码验证

google-chrome - 在 Vultr、Digital Ocean、Heroku 或 GAE 上运行 google chrome puppeteer

javascript - 脚本无法正常工作 jQuery 滚动框

javascript - 无法将元素固定到矩形