「CSS」:focusでフォーカスを表示するサンプル
書式
.クラス名: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; }