infusionsoft活动表格css

时间:2017-03-03 06:50:14

标签: wordpress forms builder infusionsoft

所以我需要设置我的表单样式 - 我希望标签位于字段容器内作为占位符,我也想拉伸输入字段容器,但我没有赢:

 <style>

 .infusion-field-label-container {
    font-size: 14px;
    font-family: arial,sans-serif;
}
.infusion-field-input-container {
    color: #000000;
    font-size: 12px;
}
.infusion-option label {
    color: #000000;
    font-size: 14px;
    font-family: arial,sans-serif;
}

</style>


   <div align="center">
        <div class="infusion-field">
            <label for="inf_field_FirstName">First Name *</label>

            <input class="infusion-field-input-container" id="inf_field_FirstName" name="inf_field_FirstName" type="text" />
            &nbsp;&nbsp;&nbsp;
            <label  for="inf_field_Phone1">Cell Number *</label>

            <input class="infusion-field-input-container" id="inf_field_Phone1" name="inf_field_Phone1" type="text"  />
            &nbsp;&nbsp;&nbsp;
            <label for="inf_field_Email">Email *</label>

            <input class="infusion-field-input-container" id="inf_field_Email" name="inf_field_Email" type="text" />
            &nbsp;&nbsp;&nbsp;


            <input type="submit" value="Register" />

        </div>


    </div>
</form>

1 个答案:

答案 0 :(得分:0)

所以我已经解决了大部分问题:

<style>

 .infusion-field-label-container {
    font-size: 14px;
    font-family: arial,sans-serif;
}
.infusion-field-input-container {
    color: #000000;
    font-size: 12px;
}
.infusion-option label {
    color: #000000;
    font-size: 14px;
    font-family: arial,sans-serif;
}

</style>


<style type="text/css">
.infusion-field-label-container {
text-align:Left;
}
.infusion-field-input-container {
width:300px;
}
.infusion-field-label-container {
vertical-align:Middle;
}

</style>   

   <div align="center">
        <div class="infusion-field">

            <input class="infusion-field-input-container" id="inf_field_FirstName" name="inf_field_FirstName" type="text" placeholder="First Name*"/>
            &nbsp;&nbsp;&nbsp;

            <input class="infusion-field-input-container" id="inf_field_Phone1" name="inf_field_Phone1" type="text" placeholder="Cell Number*" />
            &nbsp;&nbsp;&nbsp;

            <input class="infusion-field-input-container" id="inf_field_Email" name="inf_field_Email" type="text" placeholder="Email*" />
            &nbsp;&nbsp;&nbsp;


            <input type="submit" value="Register" />

        </div>


    </div>
</form>

根本无法获得按钮样式 - 请提示吗?