CSS概要後半のベストプラクティスとして

Question

、以下を実行することの実践上のいくつかの素晴らしい記事（と大騒ぎ）があった：

a, input, textarea, button { 
    outline: none; 
} 

ほとんどこれらは、アクセシビリティの問題に関連しているように見えます。

（上記のコードと同じように）この機能を完全に削除するつもりはありません... しかし、この機能は、私のオリジナルデザインを邪魔して、意図しない境界線（erm、輪郭？

この主な問題は、これらのアウトラインは、彼らがそうであるように、実際に要素の周囲に長方形の領域を概説し、misnamedされて、いないその輪郭が（例えば、それがボーダー半径などを無視する）という事実です。

はのは、例が、我々はなら見てみましょうか？

http://jsfiddle.net/x5Mex/

これに対する唯一の解決策は、上記のコードを実行しているし、自分のシステムを採用することです。同様に、私たちは常に確かに...とにかく、Webブラウザで

Answer 1

をしました。アウトラインは、境界線の外側の矩形領域の周りにあります。丸められたコーナーは考慮されません。

アウトラインを無効にすると間違って何もない

、ちょうどあなたが、例えば、キーボードを使用している人々のためにいくつかの他のアクセシビリティ機能を追加フォーカス

Example

Answer 2

ようにあなたの背景の色を変更してください多くのフォーム要素では、ボタン要素はブラウザで異なるレンダリングを持ち、多くの修正が必要です。

http://fvsch.com/code/button-css/ F. Verschldeはあなたはその要素の周りではなく要素全体のボタンを描きます。