type - HTML Выберите DropDown список с несколькими цветами




html select set selected option (2)

CSS и HTML

#option-1 {
  color: red;
}
#option-2 {
  color: green;
}

#option-3 {
  color: yellow;
}

#option-4 {
  color: blue;
}
<select>
  <option id="option-1">Option 1</option>
  <option id="option-2">Option 2</option>
  <option id="option-3">Option 3</option>
  <option id="option-4">Option 4</option>
</select>

Возможно ли иметь разные цвета для разных элементов в раскрывающемся списке?

Например:

Вариант 1 = зеленый
Вариант 2 = синий
и т.д


Наверное, ты имеешь в виду select ? Это должно работать:

option:nth-child(1) { background: green; }
option:nth-child(2) { background: blue; }

и т.д







html-select