不同顏色的樣式下拉項目

我試圖在不同顏色的下拉樣式中選擇每個選項。我已經試過兩種方法：不同顏色的樣式下拉項目

<option style="color: red;" value="KellerWilliamsRed">Keller Williams Red</option>

而且......

<option class="dilbeck" value="DilbeckGreen">Dilbeck Green</option> 
.dilbeck {color: green}

出於某種原因，雖然文字不着色，我難倒...

你可以看到這裏下拉：http://dailyspiro.com/lp/LP.html

來源

2014-04-29 Ben Davidow

我可以看到彩色文字。 – Prateek

您使用的瀏覽器是？適用於我 –

請勿鏈接到您的網站。相反，請鏈接到JSFiddle並在此處提供必要的代碼。查找CSS規則和'color'屬性適用的內容。並搜索「如何將顏色應用於字體」。 – TylerH

這裏有一個FIDDLE

select option:nth-child(1) { 
    color: red; 
} 
select option:nth-child(2) { 
    color: blue; 
} 
select option:nth-child(3) { 
    color: green; 
}

來源

2014-04-29 19:12:32 mdesdev

不同顏色的樣式下拉項目

回答

相關問題