Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

:focus

概要

:focus CSS 擬似クラス は、ユーザがキーボードを使って選択するか、マウスでアクティベートする(例:フォームの入力)かして、要素がフォーカスを受けたときに適用されます。

構文

element:focus { ... }

.first-name:focus { color: red; }
.last-name:focus { color: lime; }
<input class="first-name" value="I'll be red when focused">
<input class="last-name" value="I'll be lime when focused">

仕様書

仕様書 策定状況 コメント
Selectors Level 4
The definition of ':focus' in that specification.
草案 変更なし
Selectors Level 3
The definition of ':focus' in that specification.
勧告 変更なし
CSS Level 2 (Revision 1)
The definition of ':focus' in that specification.
勧告 初回定義

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 1.0 1.0 (1.7 or earlier) 8.0 7.0 1.0
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 1.0 1.0 (1) 8.0 6.0 1.0

ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: ethertank, sosleepy
 最終更新者: ethertank,