按钮高度不一致(跨浏览器)

Question

我在设置按钮高度时遇到问题。基本上我无法跨浏览器使用它。使用 Firefox，它比正常高，没有任何原因。

这是一个屏幕截图(Firefox、Safari 和 Opera，按此顺序):

这里是代码:http://jsfiddle.net/TMUnS/2/

我也尝试添加一些我在网上找到的特定声明，但实际上它们只是降低了一点高度，但仍然不一样(顺序相同):

这里是代码:http://jsfiddle.net/TMUnS/4/ .

我该如何解决这个问题？

Answer 1

Firefox 有一个有趣的东西叫做 -moz-focus-inner。我不太确定它的用途，我只知道您有时需要这样做才能使按钮正常运行:

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner {
    padding:0;
    border:0;
}

这可能就是您所需要的。您可以在此处(在 Firefox 中)看到差异:http://jsfiddle.net/TMUnS/9/