Ставишь после чекбокса label. Далее скрывает чекбокс с помощью стилей. С помощью селектора правого соседа сможешь менять label когда checkbox checked. Далее привязываешь label к checkbox с помощью for. Получается связка label + checkbox, которая нативно реагирует на состояние checkbox, плюс при нажатии на label checkbox автоматически меняет свой checked.
А далее комбинация label + label:after, label:before - как тебе удобнее
Ого что то сложно )
Может описано сложно, но на самом деле все проще чем ты думаешь)
https://jsfiddle.net/g6o2e9ur/
Обсуждают сегодня