按钮高度不一致（跨浏览器）

Question

我在设置按钮高度时遇到问题。基本上我无法让它跨浏览器。对于Firefox，它没有任何理由高于 normal 。

这是一个截图（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/

Answer 2

这是Firefox中的一项功能，它限制了按钮的行高。它为按钮设置默认行高 - http://www.cssnewbie.com/input-button-line-height-bug/。我会尝试使用固定高度的按钮并使用填充物进行游戏。

Answer 3

您使用的是CSS重置吗？ CSS-Reset规范化浏览器的CSS。

尝试重置此YUI： YUI CSS RESET