如何避免应用“-internal-autofill-selected”样式？

Question

我有一个包含 2 个字段的登录表单，用户名和密码。用户名字段由 chrome 自动完成。当我提交表单时（当它有效时），这种风格被神秘地应用：

 input:-internal-autofill-selected {s ñ
    background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: -internal-light-dark-color(black, white) !important;
}

有没有办法避免这种情况？表单是使用 Ajax 提交的，因此如果用户名字段应用了该样式，则有点难看，但密码字段则不然。

我注意到只有当字段填充了 chrome 建议列表中的元素时才会发生这种情况。如果字段填充了不在列表中的值，则不应用样式。

问候詹姆

原文由 jstuardo 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您对默认的 -internal-autofill-selected 在浅色主题上进行样式设置没问题，并且只是希望它在深色主题中看起来更好，那么您可能只需要：

 input {
  color-scheme: dark;
}

原文由 nunoarruda 发布，翻译遵循 CC BY-SA 4.0 许可协议