疑似クラスfocus

疑似クラスfocusは、 インプット、 テキストエリア、 またはリンクで 入力フォーカスがあるときのスタイルを設定します。 入力フォーカスとは、 インプットをクリックして縦棒のカーソルが点滅している状態 （テキストを入力できる状態）のことです。

構文

cssinput:focus {
  
}

例

フォーカスを得たインプットは赤い枠線と影を取得します：

html<input>

cssinput:focus {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

Результат:

関連項目