• RSS

[CSS]フォームにフォーカスした時の背景色を変更する方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

テキストフォームやテキストエリアなどの要素がマウスでクリックされた(:focus)際に、CSSで指定した背景色に変更する方法のご紹介です。

フォーカス時のフォーム要素の背景色を変更する

inputやextareaなどタグについては、CSSで以下のようにfocus:の時の背景色を指定します。


以下にフォームのサンプルを用意しました。
マウスでクリック(フォーカス)すると、背景色が#fff8dcに変わるかと思います。



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください