最新下载
热门教程
- 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:
相关文章
- 洛克王国世界精灵种族值排名 洛克王国高种族值精灵实力对比分析 03-28
- 洛克王国世界不褪色的羁绊 洛克王国世界不褪色的羁绊活动参与方法详解 03-28
- 优酷云包场入口在哪-优酷云包场领取技巧 03-28
- 光遇3月27日每日任务攻略 03-28
- 植物大战僵尸杂交版新植物辣椒大炮菇属性讲解 03-28
- 樱花动漫软件免费下载安装-樱花动漫PC版和手机端官方下载入口 03-28