Блог

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

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

.foo{
    color:#666666;
}
  

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

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

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

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

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

CSS:

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

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