在SELECT框中更改文本颜色

Question

所以我花了最后一小时搜索,在Stack Overflow和其他网站上找到了很多答案.但它们都不起作用.

我希望能够使用jQuery基于所选项目在SELECT下拉框中动态设置文本的颜色.

我可以轻松更改背景颜色:

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

但如果我这样做:

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

它不起作用.文字保持黑色.

其他搜索显示::选择,但似乎适用于用户选择的文本的样式(例如复制/粘贴).

此外,我尝试过使用这样的CSS类:

option.red { color: red }

并使用addClass()来更改类,但再次,它没有任何工作.

我在Firefox,Chrome和Safari中测试了这个.

我究竟做错了什么？谢谢!

Answer 1

您需要更改<option>元素中文本的颜色.

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