疑似クラスfocusは、
インプット、
テキストエリア、
またはリンクで
入力フォーカスがあるときのスタイルを設定します。
入力フォーカスとは、
インプットをクリックして縦棒のカーソルが点滅している状態
(テキストを入力できる状態)のことです。
構文
input:focus {
}
例
フォーカスを得たインプットは赤い枠線と影を取得します:
<input>
input:focus {
border: 1px solid red;
box-shadow: 0 0 3px red;
}
:
関連項目
-
未訪問リンクのスタイルを設定する疑似クラス
link
-
訪問済みリンクのスタイルを設定する疑似クラス
visited
-
マウスオーバー時のリンクスタイルを設定する疑似クラス
hover
-
アクティブ化時のリンクスタイルを設定する疑似クラス
active