火狐显示按钮的填充不正确

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

仍然适用