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

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 在顶部创建自己的“层”，您可以自定义所有您想要的，然后在幕后更新隐藏的下拉菜单。