Question

使用jQuery，我们可以将<option>文本的一部分设置为特定颜色吗？例如：

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

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

Answer 1

如果意为<{1}}框的选项值，则没有简单的方法，甚至 跨浏览器解决方案 。您将不得不使用select来使用某个自定义解决方案来模仿自定义选择框，然后您可以使用jquery为其设置样式。

例如，您可以自定义check out the one option here（添加颜色等）。

Answer 2

我没有看到jquery在这里帮助你很多，但是一些普通的javascript可以做到这一点：

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

Answer 3

如果您想在应用程序运行时更改颜色（使用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>

然后......使用JQuery更改“b1”或“r1”元素的CSS颜色......

$("#b1").css("color", "#FF0000");

Answer 4

试试这个：

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

使用jQuery更改选项元素中文本的一部分的颜色

4 个答案: