Создание стилизованных селектов
Уровень: Средний
Задача по HTML и CSS: создайте стилизованный select используя HTML и CSS
Сделайте стилизованный select как на изображении ниже:
Можно использовать только HTML и CSS.
Результат
See the Pen Стилизованный select by Dmitry Valak (@dmitryvalak) on CodePen.
Если хотите поделиться своим решением, используйте сайты типа codepen.io и оставляйте ссылку в комментарии
Обсуждение (2)
Войдите или зарегистрируйтесь для того чтобы оставлять комментарии
https://codepen.io/zflfijlv-the-builder/pen/QWzzpRZ
На сайте здесь интересно сделана стрелка: 3 из 4 границ элемента в after контенте скрыты, а последняя границы (верхняя) имеет форму треугольника. У меня же просто вставлена ссылка на png файлик со стрелкой (и не в after, а просто в span, который также абсолютно позиционирован в select)