Html 在FireFox中对齐链接和提交按钮

Html 在FireFox中对齐链接和提交按钮,html,css,Html,Css,我需要创建链接和提交按钮-他们应该有相同的外观,他们应该正确对齐 Html: Jsfiddle: 它们在Chrome中看起来很棒,但在Firefox中却有几个像素不一致(还没有在其他浏览器上测试过)。有什么建议,如何解决这个问题或取得类似的结果?这里有一个解决方案:但我想让事情保持简单和标准。试试这个: input::-moz-focus-inner { border:0; padding:0 } 小提琴手:这就够了,谢谢! .foo { border: 0px; margin: 0px; p

我需要创建链接和提交按钮-他们应该有相同的外观,他们应该正确对齐

Html:

Jsfiddle:

它们在Chrome中看起来很棒,但在Firefox中却有几个像素不一致(还没有在其他浏览器上测试过)。有什么建议,如何解决这个问题或取得类似的结果?这里有一个解决方案:但我想让事情保持简单和标准。

试试这个:

input::-moz-focus-inner { border:0; padding:0 }

小提琴手:

这就够了,谢谢!
.foo {
border: 0px;
margin: 0px;
padding: 0px;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
background: none;
color: blue;
text-decoration: none;
cursor: pointer;
}
input::-moz-focus-inner { border:0; padding:0 }