具有选项标签的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 */ 
}