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/

Answer 2

我找到了一个完整的解决方案并在此处写了：

http://davidwalsh.name/firefox-buttons

input::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
    margin-top:-2px; 
    margin-bottom: -2px; 
}

您需要修改margin-top和margin-bottom以匹配其他按钮