Как кастомизировать чекбоксы и радио кнопоки в WPCF7?

Question

[Maradondt]

Доброго времени суток!
Как в WP задать стиль стандартным чекбоксам?
В результате хотел бы получить что-то похожее на это.

https://codepen.io/CreativeJuiz/pen/zqKtp

поделитесь пожалуйста опытом.

Заранее благодарю!

Answer 1

[Алекс Глебов]

чекбоксы вообще не стилизуются
они скрываются через дисплей none
а из label делается кастомный переключатель
В зависимости от состояния чекбокса. к нему применяются стили с помощью такой конструкции
[type="checkbox"]:checked + label
И клик на label в свою меняет состояние чекбокса.

Как это работает есть в примере