CSS стилизация checkbox и radio для мобильных устройств
Сделать чекбоксы input[type="checkbox"]
и радиокнопки input[type="radio"]
красивыми – задача не сложная. Однако, чаще всего, за этим следует добавление новых элементов, а следовательно и усложнение DOM-структуры документа.
Для современных мобильных браузеров, а также декстопных браузеров на основе WebKit и Blink (Chrome, Opera, Vivaldi и т.д.), для некоторых типов инпутов можо создавать псевдо-элементы after
и before
.