最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
button在firefox 和chrome高度不一致问题解决办法
时间：2022-06-25 11:14:59 编辑：袖梨 来源：一聚教程网
为了验证高度我们将左边放一个高度固定的DIV，你会发现，firefox是要高出2像素的。
HTML为
css;toolbar:false">
样式为
.button {
background-color:#fff;
border:1px rgba(0,0,0,0.15) solid;
color:rgba(0,0,0,0.3);
padding:6px 8px;
font-size:12px;
cursor:pointer;
line-height:1.6
}
我们会发现firefox下和chrome下高度是不一致的，原因是firefox的buttom有一个-moz-focus-inner伪类，我们初始化一下这货就可以了。
/* Remove button padding in FF */
button::-moz-focus-inner {
border:0;
padding:0;
}
另外button默认不会响应padding,如需相应则box-sizing设置为content:box
顺便说下firefox chrome中input type=”text” line-height可以决定容器高度，而IE则不会撑起，需要同时写height:
相关文章
- 晴空之下尤因角色如何 10-20
- 三国志异闻录颜良有哪些技能 10-20
- 荒原曙光流羽灵鹤怎么捕捉 10-20
- 斗罗大陆猎魂世界疾风双头狼有什么技能 10-20
- 崩坏因缘精灵百戏猩强度如何 10-20
- 进击的战场神枪手怎么玩 10-20