Цвет элемента option selected

[Ubhra]

Добрый день.

Как задать красный цвет у слова "выбор" при закрытом списке?

<select>
	<option disabled selected>выбор</option>
	<option>1</option>
	<option>2</option>
</select>

 

[Vlad]

option[disabled] {
  color: red;
}

Сочетание disabled и selected не очень правильное, потому что пользователь не сможет выбрать такой пункт самостоятельно. Если разве что в качестве заголовка только.

[Ubhra]

Спасибо, но не то.

Цвет меняется внутри списка, а нужно у заголовка при свернутом списке.

Если выбор не обязателен, я делаю заголовок пустым:

<option disabled selected></option>

А вот если селект обязателен к заполнению, он горит красным, пока не будет заполнен.

[Vlad]

Можно задать цвет для select, а затем переопределить его для option.

https://jsfiddle.net/18etabc1/

[Ubhra]

Спасибо