Как в теге select один символ сделать другого цвета?

Question

[winser]

есть символ квадрата ■ нужно чтобы он был другого цвета не такой как остальной шрифт в теге , как это можно сделать ?

цвет квадрата нужен разный, то есть в одной он должен быть один, в другой другой итд.

Answer 1

[pantsarny]

option:before ?

Comments

[MrColdCoffee]

псевдоэлементы не будут работать в option

[winser]

MrColdCoffee, то есть решения нет ? нельзя его другим цветом выделить отдельно ?

[MrColdCoffee]

winser, решение есть всегда) ну в стандартном select нет. Можно сделать кастомный с использованием js.

[winser]

MrColdCoffee, можно пример ?

[MrColdCoffee]

winser, посмотрите в сторону select2 / nice-select2 (jquery / js) и selectize.js (jquery)