css - 移除新的 Firefox 自动填充颜色

标签 css firefox input autofill yellow

几天前,我的 Firefox 开发者版更新到了 67.0b2(64 位)版本。从那以后,几乎每个网站上的所有自动填充的输入字段都有黄色背景。

我怎样才能摆脱黄色的自动填充颜色?

更改插入框阴影颜色似乎不像在 Chrome 中那样工作。

最佳答案

经过几个不眠之夜,我终于想出了如何摆脱自动填充颜色!
这真的很简单,您所要做的就是将其添加到您的 css 中:

input {
  filter: none;
}

这是因为在view-source:resource://gre-resources/forms.css的底部我们可以看到:
:-moz-autofill, :-moz-autofill-preview {
  filter: grayscale(21%) brightness(88%) contrast(161%) invert(10%) sepia(40%) saturate(206%);
}

这基本上弄乱了你的颜色。我不确定这是否是版本 67.0b2 中的新内容但很高兴知道它在那里。
编辑:此修复适用于版本 67.0 或更高版本的每个 Firefox 浏览器。
编辑 2:如果您正在为您的 Firefox 寻找全局修复,而不仅仅是您正在创建的网站,并且您不知道如何向 Firefox 的 CSS 添加某些内容,那么请查看 here

关于css - 移除新的 Firefox 自动填充颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55228377/

相关文章:

jquery - 如何使用jquery从隐藏输入类型数组中获取值

javascript - 多个输入值相加或相减总计

html - 我将如何使这个导航栏下拉?

asp.net - 白色标签现有的 asp.net web 表单站点

html - Chrome 中 iFrame 的溢出滚动问题

c - fgets 读取特定大小

html - 固定高度 div 内的 Bootstrap 下拉菜单

javascript - 提交后输入值的颜色

java - 有没有办法从 Firefox cookie 文件中提取 cookie?

javascript - Firefox 中涉及单词 "event"的 JavaScript 错误是怎么回事?