Как добавить изображение вместо вариантов флажка в контактной форме 7?

Question

Я хочу добавить изображения вместо флажка, но функциональность будет такой же, как флажок.

Я перепробовал много вариантов, но не нашел ни одного решения.

Answer 1

Вам нужно будет скрыть свой элемент-флажок input и стилизовать пользовательские псевдо-элементы.

Вероятно, это лучший ответ StackOverflow: Как оформить флажок с помощью CSS?

Все начинается с:

input[type=checkbox] { appearance: none; }

И вы можете оттуда стилизовать. Еще один ответ StackOverflow: Флажок чистого CSS Замена изображения

Убедитесь, что вы используете классы CF7.