最新下载
热门教程
- 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:
相关文章
- 樱花漫画官方入口-樱花漫画全网免费阅读入口 12-20
- 我的安吉拉经典版本入口-我的安吉拉官方正版下载地址 12-20
- TikTok视频在线观看入口-TikTok官网高清视频实时播放 12-20
- 学信网官方入口在哪-学信网学籍查询通道 12-20
- 神庙逃亡2网页版直通入口-神庙逃亡2官方正版网页端 12-20
- 快手官网网页版登录入口-在线观看一键直达 12-20