在選擇框中更改文本顏色

Question

所以我花了最後一小時搜索，在堆棧溢出和其他網站上找到很多答案。但他們都沒有工作。

我希望能夠使用jQuery根據選擇的項目在SELECT下拉框中動態設置文本的顏色。

我可以很容易地改變背景顏色：

$('#selectBox').css("background-color", "red"); 

但是，如果我這樣做：

$('#selectBox').css("color", "red"); 

它不工作。文字保持黑色。

其他搜索已揭示::選擇，但似乎適用於用戶選擇文本（如複製/粘貼）的樣式。

而且，我一直在使用這樣的CSS類的嘗試：

option.red { color: red } 

並採用addClass（）來更改類，但再次，它沒有worky。

我已經在Firefox，Chrome和Safari中測試過了。

我在做什麼錯？謝謝！

Answer 1

您需要更改<option>元素中文本的顏色。

$("#selectBox").find("option").css("color", "red");