向Contact 7表單Wordpress添加邊框和背景

Question

我正在嘗試為Contact Form 7添加邊框和背景色。我使用了“檢查元素”來查看要定位的類/標識，但沒有找到一個可以將整個窗體作為整體定位的類/標識。 我嘗試過的所有內容（例如.wpcf7-form和.wpcf7）都僅針對文本區域。 有人可以幫忙嗎？ 謝謝！

Answer 1

您可以在html中用div包圍表格：

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

然后使用CSS設置custom-styling類的樣式。

Answer 2

聯系表格的頂級元素具有wpcf7類。 要設置整個聯系表單的樣式，請為類選擇器添加樣式規則，如下所示：

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

有關更多詳細信息，請在此處查看： http : //contactform7.com/styling-contact-form/

希望對您有幫助。