Как стилизовать checkbox в Contact Form 7?

Question

[twwebrus]

Доброго времени суток! Пользуясь данным плагином столкнулся с проблемой стилизации чекбоксов в форме. Сам плагин даёт такой шорткод:
[checkbox* checkbox-796 "Первый" "Второй" "Третий" "Четвертый" "Пятый"].
Пользовался поиском, но под этот случай не удалось найти верного решения.
Кто-нибудь сталкивался?

Comments

[Владислав Лысков]

а проблема то в чём?

[twwebrus]

Владислав Лысков, а что не понятно из заголовка?

[Владислав Лысков]

twwebrus, ну берёшь и стилизуешь, какая разница в cf7 они или нет

Answer 1

[Владимир Проскурин]

Есть у полей такое свойство, как html_class https://contactform7.com/faq/can-i-add-id-and-clas... ставите полю класс, и пишите на него стили.

Comments

[twwebrus]

Да, но данный вариант даёт стили только к div'у в котором инпуты. К примеру, у меня 5 чекбоксов завернуты в один такой див. Если бы как-то возможно было прописывать непосредственно к полям идентификаторы было бы здорово)
В общем, в итоге прописал свои стили к чекбоксам, с помощью дополнительного стиля "-webkit-appearance: inherit;". Возможно знаете, как менять стили при выборе чекбокса? Сейчас визуально ничего не происходит при выборе чекбокса. Но если нажать на чекбокс и убрать стиль - -webkit-appearance: inherit;, то видно, что галочка стоит на месте. Не подскажите, как к примеру поменять бэкграунд при выборе области?