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

Question

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

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

Вот бы пример выпадающего списка пункт:

SomeID - Описание ID

Answer 1

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

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

EDIT: А вот большой HOWTO о том, как это сделать: http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/

Answer 2

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