难缠的button按钮与padding内边距蛋疼的浏览器兼容性 label解决！ – CSS – 前端 css网页比例

<style>button{line-height:20px;padding:10px;border:none;}</style><buttonid="btn"></button>

在学习button与padding在不同浏览器下兼容性问题，看起来就非常蛋疼，二者组合在不同浏览器下竟然表现出三种高度，解决方法：

<style>label{display:inline-block;line-height:20px;padding:10px;}</style><buttonid="btn"></button><labelfor="btn">按钮</label>

用label替换掉button进行设置padding，就可以完美解决了！

如果觉得《难缠的button按钮与padding内边距蛋疼的浏览器兼容性 label解决！ – CSS – 前端 css网页比例》对你有帮助，请点赞、收藏，并留下你的观点哦！