CSS for Wordpress Contact Form 7 复选框，不带 div

Question

我已经搜索了论坛和谷歌，这个特殊问题似乎很容易解决，但我找不到答案。我想在不使用div 的情况下设置联系表单 7 的复选框样式化。但是我想使用的样式是使用div 的样式。例如，我想使用此示例中SQUARE ONE的样式：http://codepen.io/bbodine1/pen/novBm

由于我上面提供的示例使用div（我不介意），联系表单 7 似乎不起作用，因为它需要多个div 来指南针表单字段。这是我尝试格式化的代码：

<p>What are you interested in? Select all that apply. (required)<br />
[checkbox* service-interested "Item 1" "Item 2" "Item 3" "Item 4" "Item 5" "Other"] </p>

这是帮助风格化 http://contactform7.com/styling-contact-form/的原始帖子

Answer 1

请检查下面的代码笔叉。

http://codepen.io/Yeswanth-JG/pen/bNWyVd

<span class="slideone">
"..."
</span>

.CSS

.slideone {        显示：块;     }

您应该将标签的显示属性设置为"阻止"，而不是默认情况下是块标签...

所以，对于幻灯片一...我给了span并给出了块的显示，"它有效！

注意：您也可以显示为内联块，但要小心...将