Цвет текста

[val06]

Привет. Скажите можно ли изменить цвет текста в выпадающем списке select, к примеру выпадает

Большой
Средний
Маленький

Нужно что бы изменился цвет вот так

Большой Нет в наличии
Средний
Маленький

 

[inturned]

Не получается в <option> прописать span хотя бы с классом, на странице вырезает.
Не думали как вариант создать изображение с надписью Нет в наличии? И подставлять к нужному option, только не забудьте прописать картинке alt="..."

Больше пока ничего лучше не нашел, самому стало интересно, а реально, почему вырезаются теги внутри option, хотя и с версткой знаком хорошо.

Век живи, век учись

 

[Absolute]

сверстать выпадающий список, сам селект скрыть и переключать его скриптом или использовать <input type="hidden"> и в него подставлять значение выбранного пункта - не суть.

В общем, примерно как здесь показано: Для просмотра ссылки Войди или Зарегистрируйся

 

[val06]

насчет подстановки картинки не думал
а можно выделить весь option другим цветом ?
то есть при условие к примеру если $a == 0 то данный option красится бледно красным цветом

 

[mdss]

<select name="" id="">
	<option value="" class="stock-off">Большой</option>
	<option value="">Средний</option>
	<option value="">Маленький</option>
</select>

.stock-off::after {
	color:#f00;
	content:" Нет в наличии";
}

Не получается в <option> прописать span хотя бы с классом, на странице вырезает.
Не думали как вариант создать изображение с надписью Нет в наличии? И подставлять к нужному option, только не забудьте прописать картинке alt="..."

Больше пока ничего лучше не нашел, самому стало интересно, а реально, почему вырезаются теги внутри option, хотя и с версткой знаком хорошо.

Век живи, век учись

Согласно спецификации для тега option указано

Content model: Text.

Для просмотра ссылки Войди или Зарегистрируйся

Он не может иметь внутренних элементов. Данная модель поведения также для примера и у textarea.