Стилизация select какой есть адекватный способ?

Question

[Alex Polyakh]

Возникла проблема со стилизацией select option, если у Вас есть опыт в этом подскажи пожалуйста лучший способ. Да по теме select я создал select внутри 5 option с разным текстом, все разного цвета, подскажи как передать цвет выбранного option в вверх когда он будет отображен, по умолчанию передается только текст, спасибо

Comments

[Алексей]

Думаю в этом поможет только JS стилизаторы select'ов. На css если даже можно нечто подобное сваять то работать будет не везде.

[Alex Polyakh]

Алексей: Спасибо Вам за совет!

Answer 1

[gleendo]

https://jsfiddle.net/evg_/4qw5vkgk/3/

Comments

[profesor08]

Не лучший пример. Попробуйте переделать с использованием addEventListener вместо onclick.

[gleendo]

profesor08: Да я так для примера набросал. Дальше уже оптимизация, эффективность и реализация кода уже дело ТС.

Answer 2

[profesor08]

Вот вам пример решения. Все просто. Манипулируем атрибутами.
https://jsfiddle.net/profesor08/d0jkys99/

Comments

[gleendo]

profesor08 Ваш код тоже имеет не совсем правильную реализацию. А если я захочу поменять цвета пунктов. Это мне и все атрибуты тоже придется менять. Не совсем эффективно. А так вполне можно использовать

[Вячеслав Лебедев]

[data-color="blue"] это медленно по сравнению с классом. css линтер будет ругаться :)

Answer 3

[Максим]

dimox.name/examples/styling-select-boxes-using-jqu... вот

Answer 4

[iBird Rose]

https://silviomoreto.github.io/bootstrap-select/ex...