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

Question

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

Answer 1

对于Firefox，您可以执行以下操作：

input {
  filter: none;
}

Answer 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;
}