Selectmenu jQuery UI-如何自定义选择列表中项目的字体系列？

如何为下拉列表的每个元素设置单独的字体系列？ 谢谢。

使用第n个子CSS选择器，在此处查看演示：

对于HTML：

<select name="speed" id="speed">
  <option>Slower</option>
  <option>Slow</option>
  <option selected="selected">Medium</option>
  <option>Fast</option>
  <option>Faster</option>
</select>

---

请注意，对于新标记的元素，jQueryUI将-menu附加到原始元素的id。或者，如果要使用动态长度下拉列表，可以循环jQuery中的元素并分配它们。

yes。但是如何为选择列表中的每个项目添加自定义类呢？

#speed-menu li:nth-child(1){
    font-family:courier;
}

#speed-menu li:nth-child(2){
    font-family:arial;
}

#speed-menu li:nth-child(3){
    font-family:georgia;
    font-style:italic;
}