<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，就可以完美解決了！