为 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/
希望对你有帮助。
我正在尝试向 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/
希望对你有帮助。