「CSS」:focusでフォーカスを表示するサンプル

2014年1月7日2021年8月11日

書式
.クラス名:focus
:focus は CSS の 擬似クラスで、フォーカスを持っている (フォームの入力のような) 要素を表します。
使用例
1.htmlコード
<input class="cftA" value="フォーカスされて赤文字"><br>
<input class="cftB" value="フォーカスされて青文字">
2.CSSコード

.cftA:focus {
  background: yellow;
  color: red;
}

.cftB:focus {
  background: yellow;
  color: blue;
}