我需要创建链接和提交按钮 - 它们应该具有相同的外观并且它们应该正确对齐。
html:
<input class="foo" type="submit" value="I'm submit">
<br />
<a class="foo" href="">I'm link</a>
CSS：
.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;
}
jsfiddle：http: //jsfiddle.net/BB6tN/1/
它们在 Chrome 中看起来很棒，但在 Firefox 中它们错位了几个像素（尚未在其他浏览器上测试过）。有什么建议，如何解决这个问题或达到类似的结果？这是一种解决方案：http: //jsfiddle.net/hf66g/但我想保持简单和标准。