难缠的button按钮与padding内边距蛋疼的浏览器兼容性，label解决！_CSS学习

资料来源：网络整理时间：2023/3/4 1:03:37 共计：3605 浏览

<style>

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

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

<style>
 label{
  display: inline-block;
  line-height: 20px;
  padding: 10px;
 }
</style>

<button id="btn"></button>
<label for="btn">按钮</label>

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

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。