Стилизуем форму тег select на CSS. Подробный урок от ВебКадеми

↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓

В этом уроке стилизуем тег select на CSS. Урок по верстке HTML и CSS.

Урок с полной стилизацией и кастомным селектом на JS:

Can I use:

Nodelist forEach polyfill:

Автор урока: Юрий Ключевский
Школа обучения веб-разработки ВебКадеми.рф

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 14 Октября 2024 года.

Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 21 Октября 2024 года.

💻 Курс "Разработка сайтов на PHP + MySQL":
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

[ЯнаАлександровна-эк]

Огромное спасибо! Замечательный код в приложении - просто мечта. Всё понятно и пояснено.

[Дарья-утп]

Спасибо! Все по делу и четко. Моя проблема (как раз баг с некликабельным треугольником) благодаря вашему видео решилась.

[lesya-ukrainier]

Очень крутое объяснение, спасибо, все получилось

[Sergey_Klimov]

Вопросы кроссбраузерности частенько все обходят как то стороной) Но вы большой молодец, спасибо Вам за это огромнейшее)

[РоманКаличак-юъ]

Супер, спасибо, мне помогло с кастомизацией это видео. Стоит отметить что без воды

[ОлегСоколов-зс]

вот спасибо, а то я не мог понять почему не получается сделать афтер селекту а оказывается потому-что, буду знать :)

[uk-lych_sveta]

Спасибо за дельный и понятный контент. Если есть возможность сделай пожалуйста урок по форме обратной связи от начала до конца с практическим применением. Заранее благодарю.

[baytszy]

поподробней бы о созадании новых дивов...почему у select не получится создать стрелочку...

[AntonioBenderas]

А как сделать чтобы треугольник переворачивался при открытии списка?

[dmitriyanatolev]

Все сделал по инструкции, но псевдоелемента нет, и подсветку включил красным цветом и обернул все как в инструкции, и классы прописал, но увы

[worzyk]

Как зделать чтоб я переключался на другой сайт

[laQuys]

Очень прошу помогите, как изменить если он записан как
${HTML.select("id", [
name: "1",
value: "1",
}, {
name: "2",
value: "2",
}, ])}${HTML.newLine(1)}