Safari CSS字体颜色问题

Question

我在 mac book、iphone 和 ipad 上的 Safari 浏览器中的字体颜色有问题。 禁用元素变成灰色，我希望它保留原来的 颜色：黑色。 firefox 和 chrome 的结果都可以。

这是我的 CSS 代码：

input[disabled], textarea[disabled],
select[disabled='disabled']{
    color: #000000 !important;
}

我也尝试过使用颜色名称，但结果是一样的。

感谢您的帮助！

Answer 1

这是我发现的唯一适用于 FF、Chrome、Safari 和 Safari Mobile 的解决方案。干杯！

input[disabled], textarea[disabled],
select[disabled='disabled']{
   -webkit-text-fill-color: rgba(0, 0, 0, 1); 
   -webkit-opacity: 1; 
   color: rgba(0, 0, 0, 1); 
   background: white;
}

Answer 2

您可以尝试将其设置为除纯黑色以外的任何颜色，例如 #00001 或 #000002，以便在 safari 尝试覆盖它时绕过该问题。

input[disabled], textarea[disabled],
select[disabled='disabled']{
    color: #000001 !important;
}