相同的 css 文本颜色在 safari 中显示与其他颜色不同的颜色

Question

我正在尝试在CSS中实现一个简单的color属性，它在移动 Google Chrome（Galaxy S10）中运行良好，但在移动 Safari（iPhone X）中运行良好：

input[type="text"], input[type="password"], textarea, select {
    color: #777;
}

使用此颜色在除 Safari 之外的所有浏览器上显示漂亮的深灰色。 Safari 将其变成不可读的白色。 我检查了CSS并且它的颜色相同，所以我不确定为什么 colors 显示不同。 我尝试使用完全合格的颜色#777777和color: black看看它是否有所作为，但没有运气。 下面是 Safari (iPhone X) 和 Chrome (Galaxy S10) 上的屏幕截图。

Answer 1

我遇到了同样的事情，虽然很多类似的问题都在处理禁用的输入文本颜色，但对我来说，它只是发生在我的按钮的正常 state 中。

我建议阅读此https://stackoverflow.com/a/43483479/4530520以获取更多信息并采纳他们关于设置-webkit-text-fill-color属性的建议。