Стилизация чекбоксов и радиокнопок на чистом CSS с совместимостью для старых браузеров
Для того, чтобы оформить чекбоксы и радиокнопки, как того требует дизайн, сегодня не обязательно использовать JavaScript-решения (типа моего плагина jQuery Form Styler), т.к. для этого можно задействовать только CSS, причем с обратной совместимостью для старых браузеров (т.е. не в ущерб юзабилити), которые не поддерживают современные ...
Комментарии (105)
С тенями вообще смотрится супер круто! Респектую
Потрясающее решение!
Просто лучшее, что я искал, вот правда. Огромное спасибо за два таких примера. То что нужно
Спасибо большое автору!
Сильно помог)
Хотелось бы продолжения подобной серии статей, к примеру, по input type range с решениями на js для отображения value
Как у чекбокса изменить расстояние смещения маркера?
Если я правильно понял, о чем речь, то у
.checkbox + label: after
свойствоleft
.Огромное спасибо за эти примеры, всё подключил — всё работает с первого раза !!! Как до делаю проект надо будет ссылку на Ваш сайт разместить … !!!
Лучшее решение и объяснение что нашел в ru и com! Спасибо. Теперь стал понимать как это устроено, вместо того, чтобы просто скопипастить.
Спасибо, очень качественно
Я для себя такой вариант сделал использовав данную статью:
День добрый!
Столкнулся со следующей проблемой… В RSForm конструкция вывода и чекбоксов и радиобоксов следующая:
Как в таком случае их стилизовать? Помогите, пожалуйста!
В данном случае через CSS никак.
Жаль! Но все равно спасибо!
Благорадю за красивое и простое решение!
Скажите, а можно сделать так, чтобы текст был перед самим переключателем? Т.к. так, как это выглядит на современных смартфонах.
У
label
поменяйте внутренний отступ с левого на правый и для:before
и:after
позиционирование с левого на правое.Я делал без: after и: before, все работает!
Просто лучшее, что я искал, вот правда. Огромное спасибо за два таких примера. То что нужно
Спасибо. Выручили. Все получилось.
Шикарное решение) Автор молодец)
Потрясающе выглядит! Отличная статья, сохранил к себе как мануал.
Спасибо, позновательно
А с каких пор свитч стал чекбоксом?
Благодарю автора за эту статью!
3 дня над задачей сидела! моё спасение!