如何可视化联系表格7

时间:2018-01-16 06:45:18

标签: wordpress contact-form-7 custom-wordpress-pages

如何更改联系表格7的边框颜色?目前它是黄色的,但我想要别的东西。

我如何存档?

current contact form

联系表单的这部分代码,但是,我没有找到任何方法可以插入我的颜色代码。

<div class="request_callback">
<div class="row_1">
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="width:33%;">
        <div class="input-group">
            [text* name placeholder akismet:author "Name"]
        </div>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="width:33%;">
        <div class="input-group">
            [tel* phone placeholder "Phone number"]
        </div>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="width:33%;">
        <div class="input-group">
            [text* email placeholder "Email"]
        </div>
    </div>
</div> <!-- END: row_1-->
<div class="row_2">       
  <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="width:100%">
        <div class="input-group" >
            [select* services_consulting first_as_label "Model" "All" "Coral" "Coral Mini" "Mini Water Bar" "Faucet" "Master Filter" "Water bar S6"]
        </div>
  </div>
</div>

1 个答案:

答案 0 :(得分:0)

这是你可以使用css处理它的东西,因为你有一个单独的主要类,你的表单就是这个.request_callback所以你可以在活动中添加类似的东西

.request_callback input.wpcf7-form-control.wpcf7-text:active{

     border: 1px solid red;
}

你可以粘贴你的网址,这样我就可以发送更正确的CSS。