Простая стилизация радиокнопок, чекбоксов, файловых инпутов

Привет!
Частенько в дизайнах сайтов используются красивые, интересные инпуты типа радио, чекбокс, файл. По умолчанию, несмотря на недавние изменения того же хрома, выглядят они все равно так себе, да и неважно как выглядят, ведь дизайнер всегда диктует свое.
И нам, как верстальщикам, нужно уметь все это кастомизировать и менять. И хотя менять эти инпуты нельзя напрямую стилями для инпута, мы можем хакнуть систему, обойти все эти проблемы, используя простой способ - тег label. В этом видео я как раз и покажу, как такое сделать. Поехали!
codepen.io/Max... - примеры
clck.ru/PbZWv - исходники видео на GitHub
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? clck.ru/Gr9Ec
Моя страница вконтакте: maxdenaro
Мой блог: blog.maxgraph.ru
Мой сайт: maxgraph.ru
Канал в телеграм: teleg.run/maxg...
Чат для верстальщиков: teleg.run/maxg...
#обучение #radio #верстка

[@kotofun]

Огромное спасибо за этот урок! Очень понятно все объяснено. Сразу все получилось на практике.

[@maxgraph]

Пожалуйста)

[@MickDaddy-F]

Настолько просто все объяснил и без воды.Спасибо большое

[@maxgraph]

Пожалуйста)

[@lisofsky8151]

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

[@ВадимЗарицкий-г3л]

Очень полезно для вёрстки, спасибо большое вам, я благодарен.

[@maxgraph]

Пожалуйста)

[@placid3495]

Максим, было бы здорово, если б еще в конце видео показывал весь код)

[@erlpank8799]

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

[@maxgraph]

Окей, сделаю)

[@the7extaze]

Подскажите пожалуйста как сделать чтобы бордер при checked менял цвет?)

[@nikitaspasatelev7049]

Привет, MaxGraph Не мог бы ты подсказать про select, плагины может есть без jQuery, хотел бы посмотреть как ты это делаешь :)

[@maxgraph]

Привет, будет отдельное видео)

[@evgeny421]

Очень полезно, спасибо!) Сделайте как-нибудь аккордеон, пожалуйста!

[@maxgraph]

Оке)

[@kirill5675]

Годнота

[@МихаилБавыка]

Я думаю простіше приховувати елементи за допомогою display: none;. 🙂

[@maxgraph]

Это так, но тогда они не будут работать)

[@МихаилБавыка]

@@maxgraph Працює, я пробував. 🙂

[@maxgraph]

С клавиатуры - нет

[@МихаилБавыка]

@@maxgraph Коли пробілом відмічати? 🙂

[@maxgraph]

Да)

[@Krylowandrey]

Что за редактор?

[@maxgraph]

VS code

[@user-pf9wz2ik2r]

+++++