输入文本颜色未在浏览器覆盖上设置

Question

我正在开发一个网站，该网站需要允许人们通过浏览器设置覆盖文本的颜色。我这样做的方法是不为CSS中的文本设置任何颜色值。在我的测试中，我注意到那些没有任何CSS颜色设置的输入和选择保持黑色，即使它们应该被覆盖与浏览器不同的颜色。我为Firefox添加了一些截图（所有文本应该是蓝色的）作为示例，但在IE中也看到了这个问题。

有谁知道这是否可以解决，如何输入和选择标签会选择浏览器颜色？

Answer 1

本地表单元素（特别是在较旧的浏览器中）在页面CSS级别以及浏览器级别上都很难设置样式。 Internet Explorer（至少版本8及更早版本）使用表单元素的本机OS UI元素，并从操作系统本身获取它们的默认样式。

页面可以在有限范围内覆盖本机表单元素的颜色（浏览器中的用户级CSS也可以）。

如果您希望获得更多控制权，可能需要考虑使用原生选择框的JavaScript替换。

但是，在回答您的问题时，表单元素的着色可能是系统范围的操作系统设置。 （在Windows中，它控制在与控制窗口铬的颜色相同的位置。）