アクセシビリティを損なうことなくChromeのボタンから青い枠線を削除する方法?

Chrome のカスタム スタイルのボタンから青い枠線を削除する

カスタマイズ作業で、 の枠線をなしに設定します。タグを使用すると、Chrome でクリックしたときにボタンの周囲に青い枠線が表示される場合があります。 button:active {outline:none} と button:focus {outline:none} は実行可能な解決策のように見えるかもしれませんが、問題を解決することはできません。

推奨されるアプローチ:

ウェブサイトのアクセシビリティを損なうため、フォーカスやアウトラインのスタイルを削除することは強くお勧めできません。詳細については、この説明を参照してください。

代替アプローチ (非推奨):

必要と思われる場合、この CSS コードで青い枠線を効果的に削除できます:

button:focus { outline:0; }

実際の例は、この JSFiddle にあります。 http://jsfiddle.net/u4pXu/

以上がアクセシビリティを損なうことなくChromeのボタンから青い枠線を削除する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。