選択ボックスで特定のオプションのスタイルを変更するにはどうすればよいですか？

Question

選択したボックスの中の特定のオプションのスタイル（色、罫線など）を変更したい。

例：

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

最初のオプション「項目を選択し、」任意の値を持っていない、それはより多くの項目リストのタイトルのようなものです。しかし、好奇心が強いのは、そのオプションのスタイルを変更し、それを選択ボックスの他のオプションと少し違うようにすることです。

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>