:focusフォーカスされている要素にスタイルを適用する
:focus
疑似クラスは、閲覧者の操作によってフォーカスされた要素にスタイルを適用します。
:focusのサンプルソース
input[type]:focus { background-color: #fff0f5; }
主要ブラウザの対応
IE11 | ○ |
---|---|
Edge(EdgeHTML) | ○ |
Edge(Chromium) | ○ |
Chrome | ○ |
Firefox | ○ |
Safari | ○ |
iOS Safari | ○ |
Android Chrome | ○ |