Как реализовать select, так чтобы картинка в option была прикреплена на сss(before или after)?

Question

[Dmitriy]

Вот как должно получиться
Я использовал плагин select-ui, всё хорошо, но там картинки отдельным тегом шли
Может есть другие плагины, где такой метод ипользуется?

Comments

[Danny Arty]

залейте код в песочницу и покажите как вы сделали

Answer 1

[Сергей Кореневский]

Предположим что выподающее меню это список<ul><li>
Весь список позиционируйте как Abosulte.
.
Каждый элемент в списке это Радиокнопка.
Нажимая на кнопочку(треугольник справа) расскрытия меню, вы придаете этой кнопке фокус.
Напишите стиль что если кнопочка с треугольником имеет фокус, то все элементы в списке становятся видимыми, а если фокуса нет, то в списке будет отображатся только один элемент радиокнопки у которой сделан селект.
Ну а далее к каждой радиокнопке привязываете картинку, текст, и самурадиокнопку делаете прозрачной. И к каждой радиокнопке приделываете ховер.