Firefox上的按钮太高了

Question

我遇到了Firefox独有的问题.我正在尝试将链接和按钮设置为完全相同.在除Firefox之外的每个浏览器上,这都可以按预期工作 在Firefox上,按钮内容的高度为18像素,而链接的高度为15像素.在Chrome,Safari和Internet Explorer上,它们都是正确的15像素高.为什么是这样？

这是关于问题的jsFiddle的演示.这是我在Chrome上获得的结果:

这是Firefox的结果:

我已经尝试在CSS中手动更改高度,但这并不完全有效,并打破了其他浏览器的布局.设置-moz-appearance: none什么都不做,但是再一次,它通常不会.

以下是我的尝试的详细信息,以及它将用于什么.

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

Answer 1

找到另一位用户:

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

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