css - Firefox 上的按钮太高

Question

我遇到了 Firefox 特有的问题。我正在尝试设置链接和按钮的样式，使其看起来完全 相同。在除 Firefox 之外的所有浏览器上，这都可以正常工作。在 Firefox 上，按钮内容的高度为 18 像素，而链接的高度为 15 像素。在 Chrome、Safari 和 Internet Explorer 上，它们的高度均为 15 像素。这是为什么？

Here's a demo on jsFiddle的问题。这是我在 Chrome 上得到的结果:

这是 Firefox 的结果:

我试过在 CSS 中手动更改高度，但这并不完全有效，而且会破坏其他浏览器上的布局。设置 -moz-appearance: none 什么都不做，但话又说回来，它通常不会。

Here's a full detail of my attempt ，以及它的用途。

有没有人遇到过这个问题？如何均衡所有浏览器的高度？

Answer 1

找到另一个使用这个的用户:

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}

http://jsfiddle.net/MCAllinder/dehda/2/