Как выделить первый вариант выбора во всех браузерах?

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

Как вы обнаружили, это не может быть сделано кросс-браузер;)

Лучше всего использовать сценарий замены selectbox , если вам нужно специальное форматирование или отображение

Answer 2

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

Answer 3

Насколько мне известно, он не работает в IE, если вы не введете тег select:

select{
    font-weight:bold;
}

Однако это повлияет на все варианты. Я не знаю другого решения только для css, но мне было бы интересно одно: :)

Answer 4

Просто попробуйте,

CSS

option:first-child {
     font-weight:bold;   
   }

Html

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