5

是否可以有一个 HTML 选择字段，其中 OPTION 文本具有不同的颜色？

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

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

有任何想法吗？

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

4

4 回答 4

6

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

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

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

编辑

我试图在同一OPTION 行上有多种字体颜色。

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

<!ELEMENT OPTION - O (#PCDATA)         -- selectable choice -->
于 2009-03-16T16:31:29.050 回答
3

You probably can't do it with a plain vanilla select list. However, it probably would be possible to use Javascript + HTML + CSS to make your own "select list" using just div and span elements and that correct onclick, and onmouseover javascript. Would be much more difficult, but if it's really important, you could probably get it to work.

于 2009-03-16T16:58:45.600 回答
0

为什么不在每一行上放一个背景图像，如下所示：

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

对不起，错误的答案。起初我不明白你想做什么所以无视我的帖子:)

于 2009-05-26T19:39:24.227 回答
0

不，但是您可以使用诸如http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/之类的东西，它使用按钮和跨度标签构建自己的选择框。

于 2012-03-02T11:02:55.003 回答