Назад к списку задач

Создание стилизованных селектов

Уровень: Средний

Задача по HTML и CSS: создайте стилизованный select используя HTML и CSS

Сделайте стилизованный select как на изображении ниже:  

Можно использовать только HTML и CSS.

Результат

See the Pen Стилизованный select by Dmitry Valak (@dmitryvalak) on CodePen.

Назад к списку задач

Если хотите поделиться своим решением, используйте сайты типа codepen.io и оставляйте ссылку в комментарии

Обсуждение (1)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии

Егор
Вдруг кому интересно будет.

https://codepen.io/zflfijlv-the-builder/pen/QWzzpRZ

На сайте здесь интересно сделана стрелка: 3 из 4 границ элемента в after контенте скрыты, а последняя границы (верхняя) имеет форму треугольника. У меня же просто вставлена ссылка на png файлик со стрелкой (и не в after, а просто в span, который также абсолютно позиционирован в select)