jquery - 更改 SELECT 框中的文本颜色

Question

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

我希望能够使用 jQuery 根据所选元素动态设置 SELECT 下拉框中文本的颜色。

我可以很容易地改变背景颜色:

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

但是如果我这样做:

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

这是行不通的。文本保持黑色。

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

此外，我试过像这样使用 CSS 类:

option.red { color: red }

并使用 addClass() 来更改类，但还是不行。

我已经在 Firefox、Chrome 和 Safari 中对此进行了测试。

我做错了什么？谢谢!

Answer 1

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

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