我正在尝试将禁用的输入元素中的文本显示在黑色中。这适用于大多数浏览器:
input[type="text"][disabled],
input[type="text"]:disabled {
color: #000000;
}
然而,在Safari(版本6.0.2)中,文本稍微亮一些。让我最困惑的是,当我在浏览器中选择文本并在我的控制台上查找元素信息时,它清楚地显示:
rgba(0,0,0)
所以在代码中它是黑色但是它仍然以其他而不是黑色呈现。这怎么可能?
这是Safari的错误吗?
感谢您对此事的任何帮助。
答案 0 :(得分:15)
尝试:
-webkit-text-fill-color:#000000;
这适用于Safari 7。
答案 1 :(得分:0)
这确实很奇怪。似乎Safari在禁用的字段中显示黑色的确切颜色为灰色,而其他颜色则被遵守。作为一种解决方法,你可以设置color: #000001
,但它当然不是很黑,但是有一片蓝色。
作为一种不同的方法,请考虑为什么字段设置为禁用状态,但应以正常的黑色显示。例如,以普通文本显示它(当你现在启用禁用字段时,将其转换为正常输入字段。)