Ка сделать разный тип и цвет шрифта в теге option тега select?

Question

[Леонид Нимченко]

Здравствуйте. Нужно в выпадающем списке select-а сделать некоторые слова жирным шрифтом и другим цветом. Правильно ли я понимаю, что это нереально и нужно строить псевдоселект из блоков? Если да, то как выровнять его ширину по ширине самого длинного пункта списка? Есть ли готовые js библиотеки для этого?

Comments

[Александр Шаповал]

По каким признакам эти некоторые слова отбираются?

[Леонид Нимченко]

Идут слова, потом знак "+" и число. Вот знак "+" и число нужно выделить.

[Сергей delphinpro]

Правильно ли я понимаю, что это нереально и нужно строить псевдоселект из блоков?

Абсолютно правильно.

Есть ли готовые js библиотеки для этого?

Конечно есть! Не вам первому понадобилось нечто подобное.
https://www.yandex.ru/yandsearch?text=select%20cus...

Answer 1

[Дима Гашко]

В последних версиях браузера им можно задавать некоторые стили как обычным элементам (что логично, так как это все же тег)
Недавно пробовал с fontFamily, фоном, и еще некоторыми

Правда кроссбраузерность не очень)

Answer 2

[Сергей ZSA]

Лучше сделать кастомный select и с ним возиться, чем со стандартным select. Это не сложно. Вот тут посмотри zsa-studio.ru/project и разметку и jQuery в файле main.js