2013-08-22 47 views
0

我有这些下拉菜单,并且确实需要某种方式来格式化其中的一些文本。如何在下拉菜单中部分设置文字样式?

我想实现这样的:

<option value="8470621">Corey Perry <i>Anaheim Mighty Ducks</i></option> 
<option value="8474141"><b>Patrick Kane</b> Chicago Blackhawks</option> 

但浏览器似乎并不支持这一点。

斜体或粗体文字确实是最好的,但如果有任何类型的文本格式(下标,字体颜色),它可能会比只包括它们更好。

+2

[可能在选项标签内的唯一内容是文本](http://www.w3.org/html/wg/drafts/html/master/forms.html#the-option-element)。 – JohnB

+0

[下拉列表中选项的粗体部分]的可能重复(http://stackoverflow.com/questions/1223074/bold-part-of-an-option-in-a-drop-down-list) –

回答

3

正如其他人所提到的,您在下拉菜单中设置option标签的选项非常有限。虽然有本地select框的替代品。看看这个稳健的jQuery插件Chosen

1

你可以通过CSS来设计某种样式的下拉菜单(它会因浏览器而异)。如果您必须拥有高级样式,您需要通过顶层的JS和CSS创建自己的“图层”,然后在后台自定义所需的所有内容,并更新隐藏的下拉列表。