Как изменить стиль конкретной опции в поле выбора?

Question

Я хочу изменить стиль (цвет, границы и т. Д.) Определенной опции в поле выбора.

Пример:

<select name="items"> 
    <option>Select item:</option> 
    <option value="item1"> item1 </option> 
    <option value="item2"> item2 </option> 
    <option vlaue="item3"> item3 </option> 
</select> 

Первый вариант «Выберите пункт:» не имеют никакого значения, это больше похоже на названия элемента списка. Но Im любопытно, можно ли изменить стиль этого параметра и сделать его немного отличным от других параметров в поле выбора?

Answer 1

select{ 
 
    background:red; 
 
} 
 

 
option:first-child{ 
 
    background:yellow; 
 
    color:green; 
 
}

<select name="items"> 
 
    <option>Select item:</option> 
 
    <option value="item1"> item1 </option> 
 
    <option value="item2"> item2 </option> 
 
    <option vlaue="item3"> item3 </option> 
 
</select>