css - 为什么禁用表单元素中的文本在 Safari 中不呈现为黑色？

Question

我试图让禁用的输入元素中的文本以黑色显示。这适用于大多数浏览器：

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

但是，在 Safari（版本 6.0.2）中，文本会稍微亮一些。最让我困惑的是，当我在浏览器中选择文本并在控制台上查找元素信息时，它清楚地显示：

rgba(0,0,0)

所以在代码中它是黑色的，但它仍然以黑色以外的方式呈现。这怎么可能？

这是 Safari 的错误吗？

感谢您在这件事上的任何帮助。

Answer 1

尝试：

-webkit-文本填充颜色：#000000；

这在 Safari 7 中有效。

Answer 2

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

作为另一种方法，请考虑为什么将字段设置为禁用状态，但应以正常黑色显示。例如，以普通文本显示它（当您现在启用禁用字段时，将其转换为普通输入字段）。