【CSS】フォーカスのあるフォームの装飾を変化させる - スタイルシートTIPS ふぁくとりー

《2017年7月4日 15:10 公開/更新》 フォーカスのある入力フォームの装飾を変化させるCSS [フォーム,線,色] 複数の入力欄が並んでいるとき、ぱっと見て「今どこに入力可能な状態なのか」が分かりにくいこともあります。そんなとき「今、入力可能な状態になっている欄」(＝フォーカスのある入力欄)だけ、装飾を変化させると分かりやすくなります。カーソルの入ったテキスト入力欄、選択したばかりのチェックボックスなど、フォーカスのある入力フォームの装飾だけを一時的に変化させるCSSの書き方を解説。 フォーカスのある入力フォームの装飾を変化させるCSS 入力可能状態になっている(＝フォーカスのある)要素の装飾を一時的に変化させるスタイルシート 属性セレクタでテキスト入力欄に限定し、「フォーカスのあるテキスト入力欄」だけの装飾を変化させる フォーカスのある入力フォームの装飾を変化させるCSS 掲示板

[tomoworks]

:focus＝「今、入力可能な状態になっている欄」ね。本当に基本にガスガス穴があいとるわ・・・。