更改选定HTML选项的样式

Question

  

可能重复：
  how to style the option of a html “select”?

我有一个HTML元素，我希望其中一个选项是斜体。我不记得在哪里，但我看到选择元素有粗体字和普通字体的组合;可能是一个定制的控件。

这是HTML：

<select>
   <option>select a timezone</option>
   <option value="0">Casablanca</option>
   <option value="0">Dublin, Edinburgh, Lisbon, London</option>
   <option value="60">Belgrade, Bratislava, Budapest, Ljubljana, Prague</option>
   <option value="60" style="font-style:italic;">Brussels, Copenhagen, Madrid, Paris</option>
</select>​

这是jsfiddle.

感谢您的建议。

Answer 1

Here是关于如何在选项标签上使用font-style的很好的参考。您似乎无法在某些浏览器中执行此操作，并且存在某些限制。

Answer 2

option:nth-child(3){
 font-style:italic
}

http://jsfiddle.net/E7r8w/2/

或者你可以使用javascript。

http://jsfiddle.net/E7r8w/3/