Firefoxのボタンの周りの青い枠線を削除するには？

Question

私はFirefox 10、Windows 7を使用していますが、古いバージョンはわかりませんが、ボタンをクリックすると、ボタンの周りに青い枠が表示されます。

以下の例を作成しました。

http://jsfiddle.net/dEvKb/58/

私は以下のCSSで点線を削除しますが、私も青い枠を望んでいません。私はそれを取り除く方法を理解することができないか、取り除くことさえ可能ですか？以下

button::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner 
{ 
    border: none; 
    outline: none; 
} 

動作しませんでした...

input[type="button"]:visited 
{ 
    outline: none; 
    border: none; 
} 

これは私が話している邪悪なブルーのボーダーです。テーマにしたかどうかのFirefoxのUI、またはnoneです

Answer 1

。あなたがコーディングから得たものではありません。

あなたが大変困っている場合は、リセットして独自のスタイルを定義できます。これはリセットルールです。

button { background: none transparent; border: none; } 

Check here

そして、あなたは後でそれであなたのスタイルを追加することができます。ここにはdemoがあります。 hover、visited、activeのカスタム状態を好きなように定義することができます。

Answer 2

この青い枠線（OSとテーマに依存）は、ボタンにキーボードフォーカスがあることを示しています。点線の輪郭も同じことを示しています。キーボードを使用している人がアプリケーションにアクセスできるよう気にしない場合は、ボタンがフォーカスされているときに一意の外観がないようにボタンを完全に再スタイルできます。

表示されているボタンの外観は、CSSではなくOS /ブラウザのテーマで指定されているため、CSSを使用してブラウザに「フォーカスしていないかのようにこのボタンを描画する」ように指示する方法はありません。

<button>と<input type="button">の違いにも注意してください。最初の例では両方のCSSマッチングを指定しますが、2番目の例では一致させません。