Жирная часть опции в выпадающем списке

Question

Есть ли способ выделить только часть текста в раскрывающемся списке или это невозможно?

Я знаю, что вы можете стилизовать весь вариант с помощью CSS, но это не то, что я ищу. А HTML внутри тега option не отображается.

Вот пример элемента раскрывающегося списка:

SomeID - Описание идентификатора

Answer 1

Вы не можете сделать это. Наиболее вероятным решением, которое вы найдете «там», будет добавление окружающего диапазона с жестко закодированным стилем, но ни IE (7), ни Firefox (3.0.12) не соблюдают это. Фактически, если вы посмотрите на сгенерированный источник в Firefox, внутренний диапазон полностью удален.

Что вы можете сделать, это использовать решение JavaScript, чтобы создать видимость выбора без фактического использования выбора.

РЕДАКТИРОВАТЬ: И вот отличный HOWTO о том, как это сделать: http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/

Answer 2

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