Как выделить часть option жирным в select?

Question

[sokoloff-rv]

Работаем над сайтом lukelu.bget.ru Примерно посередине страницы есть select с городами/регионами. Заказчик попросил сделать так, чтобы город выделялся жирным, а регион - нет. Есть идеи как это можно сделать?
P.S. Значения option (город/регион) подгружается из базы данных. Скрипт смотрит все значения в определенном столбце определенной таблицы и все уникальные значения засовывает в select.

Answer 1

[Tashiro]

Замена select на другой тег типа div и обработка его выбора на JS, в option нельзя использовать теги.

Comments

[sokoloff-rv]

Я так и подозревал, спасибо.

Answer 2

[teotlu]

Достаточно неплох вот этот скрипт, часто его использую: igor10k.github.io/ikSelect
Он легко стилизуется и хорошо дружит с кастомными скроллами, например, этим: manos.malihu.gr/jquery-custom-content-scroller
К тому же, у него есть режим отображения, аналогичного нативному, поверх всех элементов (т.е. если селект внутри контейнера с overflow: hidden, его всплывашка не обрежется).

Но это если у вас на сайте используется jQuery, конечно. Иначе придётся искать другие варианты.