Question

我正在向网站添加表单。在我的计算机上工作时，它看起来像我想要的但是当我在服务器上更新它时，它会被取消格式化。

这就是我希望它看起来像

这就是在线时的样子

Code I尝试过：

HTML

包含一个nossa邮件列表诺姆电子邮件

            <div class="clear mc-field-group"><input type="submit" value="Subscrever" name="subscribe" id="mc-embedded-subscribe" class="button "></div>

            <div id="mce-responses" class="clear ">
                <div class="response" id="mce-error-response" style="display:none"></div>
                <div class="response" id="mce-success-response" style="display:none"></div>
            </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_b979d0f70b0c2b6cf424c7227_da6d6427a3" tabindex="-1" value=""></div>           
        </div>
    </form>
</div>

<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text'; }(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->

CSS：

#signup{
    display: block;
    width: 100vw;
    background-color: #FEC800;
}

#signup h1{
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
}

#mc_embed_signup{
    padding-left: 60px;
    padding-top: 40px;
    padding-right: 70px;
    padding-bottom: 20px;
}

.mc-field-group{
    display: inline-block;
    width: 33%;
    height: auto;
    padding-top: 15px;
    padding-bottom: 5px;
    /*background-color: red;*/
}

.mc_embed_signup form{
    padding: 0px;
    width: 100%;
    padding: 4px 20px;
    margin: 8px 0;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

#mce-EMAIL, #mce-FNAME{
    width: 80%;
    border-radius: 4px;
}

#mc-embedded-subscribe{
    width: 100%;
    background-color: #808080;
    color: white;
    padding: 4px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    cursor: pointer;
}

我也尝试过CSS（类似的结果）

input[type=text], input[type=email], select {
    width: 75%;
    padding: 4px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

input[type=submit] {
    width: 100%;
    background-color: #808080;
    color: white;
    padding: 4px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    cursor: pointer;
}

CSS - 在CPanel上格式不正确

0 个答案: