カテゴリー
:focus CSS セレクタ 擬似クラス

【CSS】:focus:フォーカスした要素にスタイルを適用する

(例)【CSS】:focusの使用方法

See the Pen
:focus
by linlin (@linlin098765)
on CodePen.

<input type="text">
input:focus{background-color:red;}

【CSS】:focus:フォーカスした要素にスタイルを適用する

 CSSの:focusは、要素をフォーカスした際にスタイルを適用する擬似クラスです。擬似クラスの適用方法は「要素orクラス名orid名:擬似クラス」です。