如何让IE6能够应用text文本框样式？
1个回答
展开全部
<style type="text/css">
* { margin:0; padding:0;}
body { font:12px Arial, Helvetica, sans-serif;}
ul { list-style:none;}
.onlinemessage li span { display:block; float:left; width:45px; text-align:right; margin-right:8px;}
.onlinemessage li input[type=text] { width:120px; border:1px solid #ffd0d0;}
.onlinemessage li textarea { width:120px; height:100px; overflow:scroll; margin-top:5px; border:1px solid #ffd0d0;}</style></head><body><ul class="onlinemessage">
<li><span><b>标题</b>：</span><input type="text" /></li>
<li><span><b>Email</b>：</span><input type="text" /></li>
<li><span><b>内容</b>：</span><textarea rows="4" cols="11"></textarea></li>
<li style="text-align:center; margin:5px 0px;">
<input type="button" value="查看" /></li></ul></body></html>代码如上，在ie7跟火狐中文本框都显示正确的样式。
* { margin:0; padding:0;}
body { font:12px Arial, Helvetica, sans-serif;}
ul { list-style:none;}
.onlinemessage li span { display:block; float:left; width:45px; text-align:right; margin-right:8px;}
.onlinemessage li input[type=text] { width:120px; border:1px solid #ffd0d0;}
.onlinemessage li textarea { width:120px; height:100px; overflow:scroll; margin-top:5px; border:1px solid #ffd0d0;}</style></head><body><ul class="onlinemessage">
<li><span><b>标题</b>：</span><input type="text" /></li>
<li><span><b>Email</b>：</span><input type="text" /></li>
<li><span><b>内容</b>：</span><textarea rows="4" cols="11"></textarea></li>
<li style="text-align:center; margin:5px 0px;">
<input type="button" value="查看" /></li></ul></body></html>代码如上，在ie7跟火狐中文本框都显示正确的样式。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
