Специально для вас прошерстили Codepen и собрали 10 готовых решений для создания кнопок, чекбоксов и радиобаттонов — просто вставьте на свой сайт! Pure CSS toggle buttons Минималистичные кнопки в дизайне iOS. Только HTML и CSS, никакого JavaScript! Перейти на Codepen Neumorphic Elements Если вы хотите быть в тренде, ваш выбор — неоморфизм! Автор этого сниппета действительно постарался: кнопки, поля ввода, анимация элементов получились просто завораживающими. Подбор цветовой схемы тоже заслуживает внимания...

type="radio" один из самых сложно поддающихся стилизации элиментов в html. Его вид напрямую зависит от настроек браузера и везде выглядит по-разному. Если мы хотим стилизовать инпут, нам нужно полностью сбросить вид стандартных кружков и добавить стилизацию для "накладных" HTML: делаем сам инпут: <input class="rooms-radio-real" type="radio" value="1"> и рядом делаем span для "накладной" опции <span class="rooms-radio-fake">1</span> CSS: (сбрасываем все стили) .rooms-radio-real { opacity: 0; appearance:...