如何在下拉列表中部分设置文本样式？

Question

我有这些下拉菜单，并且确实需要一些方法来格式化其中的一些文本。

我想实现类似的目标：

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

但浏览器似乎不支持此功能。

斜体或粗体确实是最好的，但是如果有任何类型的文本格式（下标，字体颜色），它可能比将它们包围起来更好。

Answer 1

正如其他人所提到的，您在下拉列表中设置option标记样式的选项相当有限。但是有一些本地select框的替代品。看看这个名为Chosen的强大jQuery插件。

Answer 2

你可以通过CSS在某种程度上降低样式（它会因浏览器而异）。如果您必须拥有高级样式，那么您需要通过JS和CSS创建自己的“图层”，以便您可以自定义所有内容，然后在后台更新隐藏的下拉列表。