带选项标签的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世界有一些新的发展！

color上的

select属性现在将设置选项文字的颜色（包括已选中），同时将颜色添加/覆盖select option。

<强> CSS：

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

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