为 Contact 7 表单 Wordpress 添加边框和背景

Add border and background to Contact 7 form Wordpress

我正在尝试向 Contact Form 7 添加边框和背景颜色。我已经使用 "inspect element" 来查看 class/ids 的目标,但我还没有找到针对整个表单的目标作为一个整体。我尝试过的所有内容(例如 .wpcf7-form 和 .wpcf7)都只针对文本区域。有人可以帮忙吗?谢谢!

您可以在 html 中用 div 包围表格:

<div class="custom-styling">
    // contact form 7 code here
</div>

然后将 custom-styling class 样式设置为 CSS。

联系人表单的顶级元素有 wpcf7 class。要设置整个联系表单的样式,请为 class 选择器添加样式规则,例如:

.wpcf7
{
    background-color: #f7f7f7;
    border: 2px solid #0f0;
}

有关更多详细信息,请在此处查看:http://contactform7.com/styling-contact-form/

希望对你有帮助。