Question

我需要创建链接和提交按钮 - 它们应该具有相同的外观，并且它们应该正确对齐。

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/但我想保持简单和标准。

Answer 1

试试这个：

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

小提琴：http://jsfiddle.net/BB6tN/2/

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

1 个答案: