リンクと送信ボタンの両方を作成する必要があります-それらは同じ外観で、適切に配置する必要があります。
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 では数ピクセルずれています (他のブラウザーではまだテストしていません)。提案、それを修正する方法、または同様の結果を達成する方法はありますか? ここに 1 つの解決策があります: http://jsfiddle.net/hf66g/しかし、物事をシンプルかつ標準に保ちたいと思います。