CSS с тегом Option - Редактирование цвета текста

Question

Есть ли секрет редактирования тега option с помощью css? Я просто не могу решить эту проблему

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

.foo{
    color:#666666;
}

Чего мне не хватает?

Answer 1

Элементы

<option> не могут содержать ничего, кроме текста .Поэтому нет, вы не можете применить стиль к разделу их содержимого.

Просто не используйте <select> или не занимайтесь стилем.С вашей точки зрения, это не совсем подходит.Было бы лучше просто ввести имя, не так ли?

Answer 2

Я знаю, что этот вопрос старый, но в мире CSS есть некоторые новые разработки!

Свойство

color для select теперь будет устанавливать цвет текста опции (в том числе выделенного), при этом добавляя / переопределяя цвет на select option.

CSS:

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

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