具有選項標籤的CSS - 編輯文本顏色

Question

使用css編輯選項標籤有什麼祕訣嗎？我只是不能解決這個問題

<option> FirstName <span class = "foo">SecondName</span> </option> 

.foo{ 
    color:#666666; 
} 

我在想什麼？

Answer 1

<option> elements cannot contain anything other than text。所以不，你不能將樣式應用於其內容的一部分。

只是不要使用<select>，或不關心造型。從你的用例來看，它看起來並不適合。輸入名稱會更好，不是嗎？

Answer 2

我知道這個問題已經很久了，但是CSS世界還有一些新的發展！

colorselect上的財產現在將設置選項（s）文本的顏色（包括選定的），同時將顏色添加到select option。

CSS：

select { 
    color: white; /* color of selected option */ 
} 

select option { 
    color: black; /* color of other options */ 
}