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

时间:2013-10-04 14:32:02

标签: html css html5 css3

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

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

1 个答案:

答案 0 :(得分:2)

试试这个:

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

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