改變選擇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是如何在選項標籤上使用字體風格的很好的參考。看起來你不能在某些瀏覽器中使用它，並且存在一定的侷限性。

Answer 2

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

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

或者你可以使用JavaScript。

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