Стилизация checkbox и radio
В этой статье мы научимся менять внешний вид checkbox или radio-кнопок без использования JavaScript. Ниже приведены примеры, которые можно в живую опробовать. Чтобы перенести примеры на свой сайт достаточно скопировать HTML разметку и CSS стилизацию. Пример 1: Checkbox синего цвета Нажмите HTML разметка CSS оформление .chekbox-two .checkbox{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none} .chekbox-two .checkbox > input[type=»checkbox»]{position:absolute;opacity:0;z-index:-1} .checkbox__icon{display:inline-block;color:#999} input[type=»checkbox»]:checked ~ .checkbox__icon{color:#2A7DEA} …