Caution
お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。
- トップページ
- CSSプロパティ辞典
- 【CSSセレクタ】E:focus
【CSSセレクタ】E:focus
『セレクタ:focus』で、フォーカス中の要素の要素に適用できます。フォーカス中とはフォームの入力やキーボードの『tab』キーなどでa要素などを選択している状態のことを指します。こちらは一般に『擬似クラス』(:focus擬似クラス)と呼ばれます。
サンプルコード
input:focus { background-color: yellow;} /* 文字入力中(フォーカス中)のinput要素の背景色を黄色にします。 */
ブラウザでの表示結果
input:focus { background-color: yellow;} /* 文字入力中(フォーカス中)のinput要素の背景色を黄色にします。 */
<p>入力中は背景色が変わります: <input type="text"></p>
対応ブラウザ
| IE6 | IE7 | IE8 | IE9 | IE10 | IE11 | Safari | Chrome | Firefox | Opera |
|---|---|---|---|---|---|---|---|---|---|
| iPhone Safari | Android2系 標準ブラウザ | Android4系 標準ブラウザ |
|---|---|---|
記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。
