Как стилизовать текст в раскрывающемся списке

Чтобы изменить цвет определенного текста в элементе , расположенном внутри раскрывающийся список позволяет напрямую стилизовать этот текст, используя встроенные стили или класс CSS. Избегайте использования интервалов, так как они могут привести к неожиданным результатам.

В вашем примере следующий CSS может достичь желаемого эффекта:

.grey_color {
  color: #ccc;
  font-size: 14px;
}

Однако, чтобы применить стиль только к первому варианту, выберите для него встроенный стиль, а не класс:

  select one option
  one
  two

Обратите внимание: CSS является каскадным. Поэтому определите класс для всех последующих параметров, которые наследуют стиль, но указывают разные атрибуты, например цвет. Такой подход обеспечивает как читаемость, так и удобство сопровождения вашей кодовой базы:

.others {
  color: black;
}