首页 > 代码库 > 消除ie6 7 输入框上下边与容器间的间距
消除ie6 7 输入框上下边与容器间的间距
这个bug很常见
<div id="wrap"> <input type="text" /> </div>
*{ margin: 0; padding: 0;}input{ height: 19px; line-height: 19px; padding: 11px 0 11px 10px; width: 192px; font-size: 16px;}#wrap{ border: 1px solid red;}
ff,ie8 容器和input边框重合
ie7
ie6
怎么解决呢?网上有很多说在input上加float:left就可以了,那样确实可以消除边距,但很可能让你的布局在ie下又变得面目全非,因为很多bug都是float引起的,而且也多了消除浮动这件事。
float是把双刃剑,能不用还是就不用吧。
最终方法
首先input{border:0;*margin:-1px 0;},这时,ie7还是有间距。然后
input[type="text"] {
background: none repeat scroll 0 0 transparent;
border:medium none;
}
这时看容器的高度是否一致。
消除ie6 7 输入框上下边与容器间的间距
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。