リンクと入力/ボタンのテキストの相違点

Question

FirefoxとChromeの違いを表示するボタンを削除するにはどうすればよいですか？

ケース： jsfiddle

Answer 1

あなたはFxの「-moz-focus-inner擬似要素のスタイルをリセットする必要があります。ここでは

.btnViolet::-moz-focus-inner { 
    padding: 0; 
    border: none; 
} 

が固定フィドルです。このために掲載http://jsfiddle.net/kizu/XTjtg/25/

Answer 2

ほとんどのソリューションは、アクセシビリティを持っています問題点 - フォーカスアウトラインを完全に削除します。

パディングを修正するが、他のリンクと同じ焦点の仕事を持っているために、この試してみてください。

button::-moz-focus-inner { 
    padding: 0; 
    border: none; 
} 

button:-moz-focusring { 
    outline: 1px dotted ButtonText; 
}