HTML：選擇選項樣式不起作用

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

選擇樣式樣式在Chrome（MAC OS X）中不起作用，但它可以在所有系統和Chrome（Windows 7）的Firefox中使用。

您可以在此處查看詳細說明： 處理選擇的噩夢

Answer 3

請嘗試以下代碼：

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