Как сверстать нестандартный select?

Question

[Dark19]

Добрый день, верстал макет и наткнулся на вот такой не очень стандартный селект . Получается, что в option есть значение и также справа есть цена. Есть ли возможность сделать такое на одном лишь html и css? Если да, то как? Если нет, то как сделать по другому?

Answer 1

[D']

Обычно такое верстают JS+CSS.
- Скрывается обычный select
- Рисуется див с нужными стилями и событиями
- При клике на фейковый option - в реальном select выставляется нужное значение.

В принципе ничего сложного. Можно посмотреть как тут сделано. Или тут.

Answer 2

[Николай Антонов]

Selectic