Есть тестовое задание, сверстать небольшую страницу, одной из задач по js является: (дословно) кастомизированные селекты + картинка ниже.
Я человек в кодинге не очень опытный, поэтому не знаю что толком можно сделать. Прошу совета профи.
Предполагаю, что смысл задания, скорее всего, именно в реализации кастомного поведения в браузере, техники получения атрибутов, установки value
итп. Или, возможно - техники кроссбраузерной стилизации нативного селектора. А способов сделать "декоратор" селекта - чрезвычайно много, даже если не брать готовые библиотеки. Выбор способа зависит от пути реализации фронтенда, принятого на проекте. Необходимость же в кастомных селектах существует, т.к. встроенные в браузер селекторы плохо стилизуются браузерами, но универсального решения, покрывающего все кейсы, не существует. Суть техники заключается в моделировании селектора посредством <div />
, <span />
и <input />
и маппинге соответствующих событий и свойств оригинального элемента. Обычно есть цель устанавливать поля соответствующей формы. Основной способ передачи данных - атрибуты и свойства оригинального <select>
, который, как-правило, скрыт. Есть вероятность, что нужна реализация мульти-селектора. Вобщем, у этой задачи есть несколько уровней сложности и возможной проработки. Готовые решения, с другой стороны, добавляют свой уровень сложности и в CSS и в скриптах, осбенно, если инстансов много и у каждого сложное поведение.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Добрый вечерСейчас верстаю одну страницу и мне нужно выровнять блоки в одну строку, использую я для этого float: left; Все бы хорошо, но у меня блоки...
Верстаю кнопку с иконкойКак обычно иконка находится слева, следом идёт текст
Помогите понять причину сего поведения ссылок: При верстке на локальной машине, ссылки были белыми, как и прописано в CSSПосле размещения на хостинге...