为什么禁用的文本在Safari中不会以黑色呈现?

时间:2013-01-27 13:04:14

标签: css css3 safari safari6

我正在尝试将禁用的输入元素中的文本显示在黑色中。这适用于大多数浏览器:

input[type="text"][disabled],
input[type="text"]:disabled {
  color: #000000;
}

然而,在Safari(版本6.0.2)中,文本稍微亮一些。让我最困惑的是,当我在浏览器中选择文本并在我的控制台上查找元素信息时,它清楚地显示:

rgba(0,0,0)

所以在代码中它是黑色但是它仍然以其他而不是黑色呈现。这怎么可能?

这是Safari的错误吗?

感谢您对此事的任何帮助。

2 个答案:

答案 0 :(得分:15)

尝试:

  

-webkit-text-fill-color:#000000;

这适用于Safari 7。

答案 1 :(得分:0)

这确实很奇怪。似乎Safari在禁用的字段中显示黑色的确切颜色为灰色,而其他颜色则被遵守。作为一种解决方法,你可以设置color: #000001,但它当然不是很黑,但是有一片蓝色。

作为一种不同的方法,请考虑为什么字段设置为禁用状态,但应以正常的黑色显示。例如,以普通文本显示它(当你现在启用禁用字段时,将其转换为正常输入字段。)