Caution

お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。

CSS辞典

【CSSセレクタ】E:focus

『セレクタ:focus』で、フォーカス中の要素の要素に適用できます。フォーカス中とはフォームの入力やキーボードの『tab』キーなどでa要素などを選択している状態のことを指します。こちらは一般に『擬似クラス』(:focus擬似クラス)と呼ばれます。

input:focus { background-color: yellow;} /* 文字入力中(フォーカス中)のinput要素の背景色を黄色にします。 */

input:focus { background-color: yellow;} /* 文字入力中(フォーカス中)のinput要素の背景色を黄色にします。 */

<p>入力中は背景色が変わります: <input type="text"></p>

デスクトップ

Chrome

1 以降 ○

Firefox

1 以降 ○

Safari

1 以降 ○

Edge

12 以降 ○

全バージョンで対応しています

11 ○

10 ○

9 ○

8 ○

7 ×

6 ×

Opera

7 以降 ○

6 以前 ×

モバイル

iOS Safari

1 以降 ○

Android Browser

4.4 以降 ○

3 以前 ×

Chrome Android