在瀏覽器覆蓋中未設置輸入文本顏色

Question

我正在研究一個需要允許用戶通過瀏覽器設置覆蓋文本顏色的網站。我一直這樣做的方式是不爲CSS中的文本設置任何顏色值。在我的測試中，我注意到輸入和選擇哪些沒有爲它們設置的CSS顏色，即使它們應該被與瀏覽器不同的顏色覆蓋，也會保持黑色。我附上了Firefox的一些截圖（所有文字都應該是藍色），但在IE中也看到了這個問題。

有誰知道這是可以解決的，以及如何使輸入和選擇標籤拿起瀏覽器的顏色？

Answer 1

在頁面CSS級別以及瀏覽器級別，原生窗體元素（特別是在舊版瀏覽器中）非常難以樣式化。 Internet Explorer（至少版本8和更早版本）使用本機操作系統UI元素作爲表單元素，並從操作系統本身獲取它們的默認樣式。

頁面可以在有限範圍內覆蓋原生表單元素的顏色（並且瀏覽器中的用戶級CSS也可以）。

如果您希望擁有更多控制權，您可能需要考慮使用本地選擇框的JavaScript替代品。

但是，在回答您的問題時，表單元素上的着色可能是系統範圍的OS設置。 （在Windows中，這是控制在窗口鉻的顏色被控制在相同的地方。）