-moz-focus-inner

Question

別の質問では、私はアライメントについて尋ねましたが、これは私に、firefoxについての質問に答えるために与えられました。それは働いたが、それは私の口に酸っぱい味を残して、私は理由を説明します。

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

オペラ（この例では10）は、Firefox（この例では3）およびInternet Explorer（この例では7）は、すべての異なるinput[type="submit"]ボタンを表示します。このfocus-innerのプロパティは、Opera 10ではデフォルト値0、Firefoxの場合は5px、インターネットエクスプローラの場合は6pxでなければなりません。

どうすればそれらをすべて「0」にリセットすることができますか？上記のことだけでなく、IEの隠しプロパティを設定する標準的なCSS呼び出しがありますか？

Answer 1

これが起こっている理由は簡単です。なぜなら、これらのブラウザはすべて異なる人々によって作られているからです。たとえば、Safariからボタンを見てみてください。すべての主要なブラウザのすべてのボタンを同じように見せる1つのCSSルールなどはありません。

実際には、thisのように、それらのすべてを個人的に扱うと、ピクセル完全性を達成できます。そして、あなたはいつも<input type="image">を使うことができます、それは確かにトリックを行うでしょう。