我的contact form 7 三等分 設置效果

表單內容:

<div class="row">
            <div class="col-md-4">[text* your-name placeholder "您的姓名"]</div>
            <div class="col-md-4">[tel tel-319 placeholder "電話號碼"]</div>
            <div class="col-md-4">[email your-email placeholder "電子郵件"]</div>
</div>
<div>
           [textarea your-message placeholder "消息內容"]
           [submit "發送"]
</div>


CSS:

.wpcf7-captchar, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-text, .wpcf7-form textarea, input.s, input[type="text"], select, textarea{background:#DDDFE2!important;border-radius:3px;color:#333;}

效果:





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章