Стилизация пользовательского select

Ещё один вариант стилизации select, но на этот раз без копирования значения в скрытый input

  • eye 184
  • 1
В прошлой статье был рассмотрен вариант стилизации select. Вернее создание пользовательского select на основе списка и копирования значения в скрытый input. Но, он имеет такое уязвимое место как отключенный Java Script в браузере клиента. Следовательно этот вариант работать не будет. Решением проблемы возможен следующий вариант. Разметка:   CSS:
И сам JavaScript:
Да, в целом тоже происходит подмена тега select. Но, плюс этого метода в том, что даже при отключенном JavaScript в браузере посетителя у него будет отображаться выпадающий список и функциональность сайта не будет нарушена.
Источник: How TO - Custom Select Box

Поделиться

На вашу почту будет отправлена одноразовая ссылка на портфолио

Отправлено!

Что-то пошло не так... Попробуйте отправить позже