您如何在 Firefox 中设置自动填充输入的样式？答案

【问题标题】：How do you style autofill inputs in Firefox?您如何在 Firefox 中设置自动填充输入的样式？
【发布时间】：2019-09-12 03:26:30
【问题描述】：

input:-webkit-autofill 可用于 Chrome/Safari，但 input:-moz-autofill 似乎没有任何作用。有没有办法在 Firefox 中自定义自动填充样式？

【问题讨论】：

乍一看好像是not compatible with Firefox
是的，你发现它不受支持（并且 Miro 链接到）。这里有一些讨论：bugzilla.mozilla.org/show_bug.cgi?id=740979。在线程中，有人链接到这个：paul.kinlan.me/detecting-when-autofill-happens，它有一个检测自动填充的解决方法，允许您使用 JS。

【解决方案1】：

对于 Firefox，您可以这样做：

input {
  filter: none;
}

【讨论】：

【解决方案2】：

您可以在 Firefox 中设置自动填充样式，但只能使用 webkit-prefix。 (:-webkit-autofill)

要更改背景颜色，您需要 filter:none 和 chrome 中也需要的 box-shadow 技巧。

:-webkit-autofill { /* also works for firefox! */
    filter:none; /* u need this for firefox */
    box-shadow: 0 0 0 100px #8f88 inset;
}

【讨论】：