次のようにすると、Firefox でリンク上の醜い点線のフォーカス アウトラインが表示されなくなります。
a:focus {
outline: none;
}
しかし、タグに対してもこれを行うにはどうすればよいのでしょうか<button>
? 次のようにします。
button:focus {
outline: none;
}
ボタンをクリックすると、フォーカスのアウトラインが点線で表示されます。
(はい、これはユーザビリティの問題であることは承知していますが、醜い灰色のドットの代わりに、デザインに適した独自のフォーカスヒントを提供したいと思います)
ベストアンサー1
button::-moz-focus-inner {
border: 0;
}