你可以在选择字段中有多种字体颜色吗？

Question

是否可以在OPTION文本具有不同颜色的HTML选择字段中使用？

<select>
<option>Black_text (yellow_text)</option>
</select>

我尝试使用CSS SPAN元素为文本着色，但这似乎不起作用。

有什么想法吗？

更新：注意，我正在尝试在相同的 OPTION行上使用多种字体颜色。我已经看过很多关于如何设置整个 OPTION行样式的教程，但我正在尝试在相同的选项行中设置元素样式。

Answer 1

尝试设置option元素本身的样式：

<option style="…">Label</option>

但我怀疑浏览器是否支持这些元素的大量样式。

---

修改

  

我正在尝试在相同的 OPTION行上使用多种字体颜色。

这是不可能的，因为option element 只允许文本作为内容：

<!ELEMENT OPTION - O (#PCDATA)         -- selectable choice -->

Answer 2

您可能无法使用普通的香草选择列表。但是，它可能使用Javascript + HTML + CSS来创建您自己的“选择列表”，只使用div和span元素，并且正确的onclick和onmouseover javascript。会更困难，但如果真的很重要，你可能会让它发挥作用。

Answer 3

为什么不在每一行上放置背景图像：

<option style="background-image: multicolorimage.jpg>some text</option>

抱歉，错误的回答。起初我不明白你要做什么所以忽略我的帖子：）

Answer 4

不，但您可以使用像http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/这样的东西，使用按钮和范围标记构建自己的选择框。