html - 更改选择 HTML 选项的样式

Question

可能重复：
如何设置 html“选择”选项的样式？

我有一个 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

这是关于如何在选项标签上使用字体样式的一个很好的参考。在某些浏览器中似乎无法做到这一点，并且有一定的限制。

Answer 2

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

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

或者，您可以使用 javascript。

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