HTML：Selectオプションが機能しない

Question

すべての色オプションを赤に変更して、選択ボックスのスタイルを設定しようとしています。しかし、私がウェブページをロードするとき、選択ボックスはまだ黒色を持っています。助けてください？

は、ここでHTML & CSSです：

select.selector option { 
 
    color: red; 
 
}

<select style="font-size: 16px; padding: 4px;" name="category" id="categoryselector" class="selector"> 
 
    <option disabled></option> 
 
    <option value='all'>all</option> 
 
    <option disabled></option> 
 
    <option>Hardware and OS</option> 
 
</select>

そして、ここであなたが選択ボックス内のオプションに色を適用しているJSFiddle

Answer 1

です。目に見える選択ボックス、使用にそれを適用するには：

select.selector{ 
color:red; 
} 

Answer 2

してください、このコードを試してみてください。

select option { 
    background: rgba(0,0,0,0.3); 
    color:red; 
} 

Answer 3

選択オプションのスタイリングは、クローム（MAC OSX）では動作しませんが、それは意志すべてのシステム上のFirefoxとChrome（Windows 7）で動作します。

here