删除新的 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;
很遗憾,您无法将颜色更改为透明,它仍然是黄色。
几天前,我的 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;
很遗憾,您无法将颜色更改为透明,它仍然是黄色。