我有一个按钮样式,即ie8增加了额外的空间,我认为它与最小高度有关,但不能指望我们什么,我试过溢出隐藏和最小高度黑客但没有什么变化,IE8间距问题
爵士小提琴链接 - enter link description here
下面是代码(感谢谁格式化吧):
.button {
float:left;
width:auto;
min-width:80px;
min-height:40px;
margin:0;
padding:10px 0;
font-size:14px;
line-height:20px;
text-align:center;
color:#e4e5e6;
background-color:#d04c21;
background-position:center;
background-repeat:no-repeat;
border-left:1px solid rgba(255,255,255,0.2);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;
}
.switch .button-group .button {
min-height:30px;
padding:5px 10px;
color:#393c3e;
background-color:#b1b2b3;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;
}
请更良好的格式化你的代码,并在HTTP上创建一个演示:/ /codepen.io或http://jsfiddle.net。 – Sampson
@JonathanSampson我在上面添加了jsFiddle链接。 – user1140942