【发布时间】:2019-08-09 05:38:51
【问题描述】:
几天前,我的 Firefox 开发者版更新到了 67.0b2(64 位)版本。从那时起,几乎每个网站上的所有自动填充输入字段都有黄色背景。
如何摆脱黄色的自动填充颜色?
更改嵌入框阴影颜色似乎不像在 Chrome 中那样有效。
【问题讨论】:
标签: css firefox input autofill yellow
几天前,我的 Firefox 开发者版更新到了 67.0b2(64 位)版本。从那时起,几乎每个网站上的所有自动填充输入字段都有黄色背景。
如何摆脱黄色的自动填充颜色?
更改嵌入框阴影颜色似乎不像在 Chrome 中那样有效。
【问题讨论】:
标签: css firefox input autofill yellow
只需在您的 css 中更改输入的背景颜色:
input:autofill {
background: #fff; /* or any other */
}
如果您希望仅在 Firefox 浏览器中删除自动填充背景,请将 about:config 中的 layout.css.autofill.background 设置为 false。
将此添加到您的 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%);
}
这就是黄色自动填充背景颜色的原因。
【讨论】:
为了使它工作,另外,我必须在about:config 中将此选项更改为false:
layout.css.autofill.background = false
【讨论】: