【CSS】:focus（擬似クラス） - フォーカスがあたっている状態
CSSの擬似クラスの１つ、focusについてご紹介します。
focus
擬似クラスfocusは要素にフォーカスがあたっている状態です。
基本構文
:focus {
プロパティ名: プロパティ値;
}サンプル
次のサンプルコードは入力項目をクリック（フォーカス）すると、枠線を赤色に変更します。
<style>
input:focus {
display: block;
border: 1px solid red;
outline: 1px solid red;
}
</style>
<input type="text">
