设置下拉菜单中各个选项的字体？

Question

是否可以为下拉列表中的每个选项设置字体系列？如果是这样，是如何做到的？

编辑：具体来说，我希望在 Chrome 中看到这项工作。

Answer 1

浏览器支持是可变的。

option.aClass /* or some other way to identify the specific option */ {
    font-family: times, serif;
}

Answer 2

您需要为每个选项分配一个类并为其设置样式。

html

<select>
    <option class="c1">this option has c1</option>
    <option class="c2">this option has c2</option>
</select>

Css

.c1 {font-family:courier;color:red}
.c2 {font-family:arial;font-weight:bold;;color:blue;}

示例位于 http://jsfiddle.net/xdXFz/

---

它仅适用于 FF（根据我的测试）、所有其他浏览器（IE、Chrome、Safari、Opera ）只考虑颜色..

Answer 3

您可以为每个 分配一个 class 属性，但是大多数很多用户代理不支持这一点。我会研究一些奇特的 JQuery/框架解决方案。

Answer 4

根据我的经验，创建自己的下拉列表比设置这些类型的控件的样式更好。