与其他相比，相同的 CSS 文本颜色在 Safari 中显示不同的颜色答案

【问题标题】：same css text color shows different color in safari compared to other与其他相比，相同的 CSS 文本颜色在 Safari 中显示不同的颜色
【发布时间】：2019-09-18 20:52:24
【问题描述】：

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

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

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

【问题讨论】：

你的 safari 是什么版本的？
在 Safari 12.1.2 中工作正常
我有 iphone X 中最新的 safari
在 iOS Safari 12.4 上也能正常工作
您是否尝试过将!important 属性添加到它或使其成为内联样式（默认情况下总是先出现）？ Safari 可能会覆盖它。

标签： html css safari

【解决方案1】：

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

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

【讨论】：