CSSを使用して<button>と<a>を同じように見せてください

Question

<ボタン>と< >を同じように見せたいと思います。私は同じような投稿を追加したことを発見しました

box-sizing: content-box; 
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 

しかし、それはまだFirefoxで見たときにわずかな高さの違いがあります。 jsfiddleですどんな助け？

Answer 1

http://jsfiddle.net/H3HK8/22/

button::-moz-focus-inner, 
.btn::-moz-focus-inner 
{ 
    border: 0; 
    padding: 0; 
} 

この修正（実際に自分自身で何もしません）箱サイズ変更、だけでなく、パディング、マージン、行の高さ、フォントサイズ、背景そうではないだけ中間のものは、まだ最終入力に取り組んでいます。

私はあなたが行の高さも、この例http://jsfiddle.net/H3HK8/24/では効果がありません見ることができますが、このhttp://www.cssnewbie.com/input-button-line-height-bug/#.USzRd6Wcmzc

の犠牲に下落している最終例えば疑う

UPDATE

http://www.aheadcreative.com/removing-unwanted-button-padding-in-firefox/ここから重要！

このルールを回避しようとしているうちに、ブラウザで定義された重要なルールは、作成者が定義した重要なルールでは過度に支配することはできません。このルールは、インラインスタイルのCSSファイル（何か）によって無効にすることはできません。

Answer 2

すべてのCSSプロパティが同じであることを確認する必要があります。など