html - 如何在联系表格 7 中添加图像而不是复选框的选项？

Question

我想添加图像而不是复选框，但功能与复选框相同。

我尝试了很多选项，但没有找到任何解决方案。

标签： htmlcsscontact-form-7

Answer 1

您需要隐藏您的input复选框元素并设置自定义伪元素的样式。

这可能是最好的 StackOverflow 答案： How to style a checkbox using CSS?

这一切都始于：

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

你可以从那里设计风格。另一个 StackOverflow 答案：纯 CSS 复选框图像替换

确保使用 CF7 类。