删除新的 Firefox 自动填充颜色

Remove new Firefox autofill color

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

如何摆脱黄色的自动填充颜色?

更改插入框阴影颜色似乎不像 Chrome 中那样有效。

Firefox 94 及更高版本

只需更改 css:

中输入的背景颜色
input:autofill {
  background: #fff; /* or any other */
}

如果您只想在 Firefox 浏览器中删除自动填充背景,请在 about:config 中将 layout.css.autofill.background 设置为 false

Firefox 67 (2019-05-21) - 94 (2021-11-02; 不包括)

将此添加到您的 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%);
}

这就是黄色自动填充背景颜色的原因。

Firefox 94.0+

为了让它工作,另外,我不得不在 about:config 中将此选项更改为 false:

layout.css.autofill.background = false

这对我使用 Firefox 99 有效。

box-shadow: 0 0 0 40px {COLOR} inset !important;

很遗憾,您无法将颜色更改为透明,它仍然是黄色。