时间戳

首页 > 解决方案 > 移除新的 Firefox 自动填充颜色

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

问题描述

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

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

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

标签： cssfirefoxinputautofillyellow

解决方案

Firefox 94 及更新版本

只需在您的 css 中更改输入的背景颜色：

input:autofill {
  background: #fff; /* or any other */
}

如果您希望仅在 Firefox 浏览器中删除自动填充背景，请设置layout.css.autofill.background为false.about:config

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%);
}

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

推荐阅读