火狐顯示按鈕的填充不正確

Question

目前我正在建立一個網站，我有一個小問題：只有在Firefox按鈕看起來是這樣的：
雖然，在其餘的瀏覽器按鈕看起來像這樣

你可以在這裏觀看http://router.kg/ubiquiti 而另一個錯誤，我已經注意到了：每一個瀏覽器顯示按鈕的填充這樣

padding: 10px 20px 15px 20px; 

Firefo X僅顯示這樣的：

padding: 10px 20px 15px; 

火狐v26.0

那麼，誰能告訴我問題出在哪裏藏？

Answer 1

我想你可以編寫一個專門針對Firefox的css（除了適用於其他瀏覽器的css）。

檢查出來怎麼辦所以在這裏：Targeting only Firefox with CSS

Answer 2

你應該刪除的高度，並且只使用填充，以按鈕的大小高度。

input.button { 
    margin: 0; 
    border: 0; 
    width:10em; 
    padding:0.5em; 
    text-align:left; 
    background:green; 
    border-radius:0.5em; 
    color:white; 
} 

http://codepen.io/anon/pen/Chvej

在你的代碼

你32PX設置高度，至極不允許按鈕，在這些32PX增長（使用FF不同bomodel？），但填充在FF

仍然適用