Firefox显示按钮的填充不正确

Question

目前我正在创建一个网站，我有一个小问题：只有在Firefox按钮看起来像这样：
虽然，在其余的浏览器按钮看起来像这样

你可以在这里观看http://router.kg/ubiquiti 还有一个我注意到的错误：每个浏览器都显示按钮的填充

padding: 10px 20px 15px 20px;

Firefox仅显示：

padding: 10px 20px 15px;

Firefox 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中应用