CSSで青い枠を消す方法【Google chrome】

特に設定していないのになぜか表示されてしまいます。
この記事ではGoogle Chromeで表示される青枠を消す方法を紹介します。

 

 

Chromeの青枠をCSSで消す方法

Chromeで表示される青枠はなに?

Google Chromeで表示される青枠はなぜ表示されるのか。
Chromeの青枠はブラウザのデフォルトのCSSで設定されており、リセットCSSを描いてあげないと消すことはできません。
そこで青枠を消すためのリセット方法を紹介します。

 

青枠を消すリセットCSS

*:focus {
outline: none;
}

 

 

focusにアウトラインが付いているので青枠が表示されてしまいます。
focusの設定をを消してあげることで青枠は表示されなくなります。

 

以上!

コメント