Javascript 使用jQuery更改option元素中文本部分的颜色

使用jQuery，我们可以将

文本的一部分设置为特定颜色吗？例如：

<option>John, Rambo, Indiana, Jones, Morpheus, John, McClane, Forrest, Gump</option>

约翰，兰博，印第安纳州，琼斯，墨菲斯，约翰，麦克莱恩，阿甘

---

如果我想改变“Morpheus”的颜色。有可能吗？

我看不出jquery在这方面对您有多大帮助，但一些普通javascript可以做到这一点：

"John,Rambo,Indiana,Jones,Morpheus,John,McClane,Forrest,Gump".replace(/Morpheus/gi, "<p style='color:blue'>Morpheus</p>")

“约翰、兰博、印第安纳、琼斯、莫菲斯、约翰、麦克莱恩、福里斯特、甘普”。替换（/Morpheus/gi，
莫菲斯
）

如果您指的是

选择

框的选项值，则没有简单的方法，甚至跨浏览器解决方案。您将不得不求助于使用

LIs

的一些定制解决方案来模拟定制的选择框，然后您可以使用jquery对其进行样式化

---

例如，您可以随意定制（添加颜色等）。

如果您想在应用程序运行时更改颜色（使用JQuery），可以尝试以下操作

<SELECT>
<OPTION>What is your preferred browser?</OPTION>
<OPTION id="b1" style="color:Blue">Explorer 5.5</OPTION>
<OPTION id="r1" style="color:Red">Explorer 6.0</OPTION>
</SELECT>

试试这个：

$("#mySelect option:contains('Morpheus')").css("background-color","red")

---

嗨，它不仅仅是一个文本，它是一个选择框的文本值。约翰，兰博，印第安纳州，琼斯，莫菲斯，约翰，麦克莱恩，阿甘

$("#mySelect option:contains('Morpheus')").css("background-color","red")