Можете ли вы иметь несколько цветов шрифта в поле выбора?

Question

Возможно ли иметь поле выбора HTML, в котором текст ОПЦИИ имеет разные цвета?

<select>
<option>Black_text (yellow_text)</option>
</select>

Я пытался использовать элемент CSS SPAN для окраски текста, но это не сработало.

Есть идеи?

ОБНОВЛЕНИЕ: Обратите внимание, я пытаюсь использовать несколько цветов шрифта в строке одного и того же ОПЦИИ. Я видел довольно много уроков о том, как стилизовать всю строку OPTION, но я пытаюсь стилизовать элементы в той же строке .

Answer 1

Попробуем оформить элементы option самостоятельно:

<option style="…">Label</option>

Но я сомневаюсь, что браузеры поддерживают много стилей этих элементов.

---

Редактировать

Я пытаюсь использовать несколько цветов шрифта в одной и той же строке OPTION.

Это невозможно, поскольку элемент option допускает только текст в качестве содержимого:

<!ELEMENT OPTION - O (#PCDATA)         -- selectable choice -->

Answer 2

Вы, вероятно, не можете сделать это с простым списком выбора ванили. Однако, вероятно, можно было бы использовать Javascript + HTML + CSS, чтобы создать свой собственный «список выбора», используя только элементы div и span, которые корректируют javascript onclick и onmouseover. Было бы намного сложнее, но если это действительно важно, вы могли бы заставить его работать.

Answer 3

Нет, но вы можете использовать такие вещи, как http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/, который создает свой собственный блок выбора, используя теги button и span.

Answer 4

Почему бы вам не поместить фоновое изображение в каждую строку, как это:

<option style="background-image: multicolorimage.jpg>some text</option>

извините, неправильный ответ. Сначала я не понял, что вы пытаетесь сделать, поэтому не обращайте внимания на мой пост:)