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

Question

是否可以在下拉列表中为每个选项设置font-family？如果是这样，它是如何完成的？

编辑：具体来说，我希望在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（ from my tests ），所有其他浏览器（ IE，Chrome，Safari，Opera ）仅考虑颜色..

Answer 3

您可以为每个class分配一个<option>属性，但 most 不支持很多用户代理。我会调查一些奇特的JQuery /框架解决方案。

Answer 4

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