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

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/