Задать вопрос
@Dark19
javascript

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

Добрый день, верстал макет и наткнулся на вот такой не очень стандартный селект BA0poeYhE1WzAy.jpg. Получается, что в option есть значение и также справа есть цена. Есть ли возможность сделать такое на одном лишь html и css? Если да, то как? Если нет, то как сделать по другому?
  • Вопрос задан
  • 611 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
Denormalization
@Denormalization
Обычно такое верстают JS+CSS.
- Скрывается обычный select
- Рисуется див с нужными стилями и событиями
- При клике на фейковый option - в реальном select выставляется нужное значение.

В принципе ничего сложного. Можно посмотреть как тут сделано. Или тут.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
my-nickname
@my-nickname
Selectic
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Ошибка в 1с при выгрузке товаров на сайт на Битриксе
25 апр. 2024, в 03:08
3000 руб./за проект
Создание и публикация короткого (reels) UGC-видео на YouTube-канале
25 апр. 2024, в 01:46
500 руб./за проект
Настроить перехват https-трафика для android-приложения
25 апр. 2024, в 01:02
10000 руб./за проект
Ещё заказы