如何在所有浏览器中加粗选择的第一个选项？

Question

我试图加粗选择框的第一个选项,但它只适用于Firefox,而不是其他浏览器(Chrome,IE).这是我试过的代码.

HTML

<select id="htmldisabled">
    <option class="bold">test1</option>
    <option>test2</option>
    <option>test3</option>
    <option>test4</option>
    <option>test5</option>
    <option>test6</option>
</select>

CSS

.bold {
     font-weight:bold;   
}

请参阅jsfiddle的演示.

Answer 1

#htmldisabled:first-child{
    font-weight:bold;
}