Стилизация при помощи псевдоэлемента — Стилизация чекбоксов и радиокнопок — Дока

Чекбоксы

Чекбокс 2

Чекбокс 2 (отмечен)

Чекбокс 2 (отмечен и неактивен)

Чекбокс 2 (неактивен)

Радиокнопки

Радиокнопка 2

Радиокнопка 2 (отмечена)

Радиокнопка 2 (отмечена и неактивна)

Радиокнопка 2 (неактивна)