
<textarea name="" cols="54" rows="5"></textarea> 兼容ie和火狐出问题了,怎么办啊?
先看html:<ulclass="email"><li><span>您的称呼:</span><inputtype="text"name="textfield"id="te...
先看html:
<ul class="email" >
<li><span>您的称呼:</span><input type="text" name="textfield" id="textfield" class="w350"></li>
<li><span>您的邮箱:</span><input type="text" name="textfield" id="textfield" class="w350"></li>
<li><span>正文:</span><textarea name="" cols="54" rows="5"></textarea></li>
<li style="padding-left:170px;" ><input type="submit" name="button" id="button" value="" class="confirm" ></li>
</ul>
然后是CSS:
.email{width:500px; height:auto; font-size:16px; }
.email li{margin-top:10px; }
.w350{width:350px; border:1px solid #f0c38c; height:30px; vertical-align:middle;}
.w150{width:150px; border:1px solid #f0c38c; height:30px; vertical-align:middle;}
.h350{width:350px; border:1px solid #f0c38c; }
span{width:100px; text-align:right; display:inline-block; margin-right:10px;}
.confirm{background: url(../images/confirm.jpg) no-repeat top ; width:87px; height:38px;}
.ml20{padding-left:20px;}
.youxiang{width:120px; text-align:right;}
input{border:0;}
下面是ie显示
所有的框应该是对齐的,请问怎么办? 展开
<ul class="email" >
<li><span>您的称呼:</span><input type="text" name="textfield" id="textfield" class="w350"></li>
<li><span>您的邮箱:</span><input type="text" name="textfield" id="textfield" class="w350"></li>
<li><span>正文:</span><textarea name="" cols="54" rows="5"></textarea></li>
<li style="padding-left:170px;" ><input type="submit" name="button" id="button" value="" class="confirm" ></li>
</ul>
然后是CSS:
.email{width:500px; height:auto; font-size:16px; }
.email li{margin-top:10px; }
.w350{width:350px; border:1px solid #f0c38c; height:30px; vertical-align:middle;}
.w150{width:150px; border:1px solid #f0c38c; height:30px; vertical-align:middle;}
.h350{width:350px; border:1px solid #f0c38c; }
span{width:100px; text-align:right; display:inline-block; margin-right:10px;}
.confirm{background: url(../images/confirm.jpg) no-repeat top ; width:87px; height:38px;}
.ml20{padding-left:20px;}
.youxiang{width:120px; text-align:right;}
input{border:0;}
下面是ie显示
所有的框应该是对齐的,请问怎么办? 展开
展开全部
您好!很高兴为您答疑!
改成:<textarea name="" cols="50" rows="10" wrap="off"></textarea> 就可以了。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
改成:<textarea name="" cols="50" rows="10" wrap="off"></textarea> 就可以了。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询