css - 样式化自动填充的文本字段

Question

我正在尝试设置我的文本字段的样式，并且一切似乎都在工作 - 除了当 Safari 自动填充文本字段时，它们以我想要更改的非常难看的芥末黄色出现 - 在登录表单上看起来很荒谬。我应该设置什么属性来改变那种颜色？

Safari 的检查器中的文本字段如下所示：

<input id="username" name="username" type="text">

Answer 1

你可以使用这样的东西：

这基本上用于 safari 和 chrome，

@media screen and (-webkit-min-device-pixel-ratio:0) { #u { color:green; /* Safari only */ } }