Question

我在此页面上有此表单：http://powellgroupconstruction.com/contact-us/但在firefox中，即9＆amp; 8表单按钮确实与文本框的末尾对齐（chrome完美地完成了）...我将如何解决这个问题？

<p style="float:left; width:440px;"><span class="wpcf7-form-control-wrap message"><textarea name="message" cols="40" rows="6" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" style="
    height: 115px;
">Questions/Comments</textarea></span> <input type="submit" value="Submit" class="wpcf7-form-control wpcf7-submit"><img class="ajax-loader" src="http://powellgroupconstruction.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Sending ..." style="visibility: hidden;"></p>

input.wpcf7-submit {
float: right;
border-radius: 5px !important;
background-color: #FFF !important;
color: #000 !important;
background-image: none !important;
border: 0 !important;
font-style: italic;
font-weight: bold !important;
box-shadow: none !important;
font-family: Arial;
font-size: 16px !important;
}

Answer 1

textarea比p元素宽 - 看起来你已经给了textarea没有width，所以它的宽度只依赖于它{ {1}} ...

给它cols width并将100%设置为box-sizing（仍然需要为Firefox添加border-box前缀），然后它应该适合可用的宽度。

表单对齐问题firefox，即9＆amp; 8

1 个答案: