为什么禁用Safari中的文本在黑体中未呈现？

2018-07-01 07:22:41

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

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

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

rgba(0,0,0)

所以在代码中它是黑色的 ，但是它被渲染成黑色以外的东西。这怎么可能？

这是一个Safari错误？

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

尝试：

-webkit-text-fill-color：＃000000;

这在Safari 7中工作。

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

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

链接地址: http://www.djcxy.com/p/87315.html