セレクタ:focus

書式

セレクタ:focus { ... }

対象

-

継承

-

初期値

-

バージョン

CSS Level 1

対応ブラウザ

Win IE5.0以降, Mac IE5.0, NN6.0以降, Firefox, Opera 6, Safari

解説

要素がフォーカスされている場合のスタイルを指定します。Internet Explorerではaタグのみ有効です。また、タグによっては反映されない場合が多くありますので使用前に対象とするブラウザで動作を確認するのが安全です。
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
input:focus { background-color:orange; }
--></style>
</head>
<body>
<form>
<input type="text" value="Sample">
</form>
</body>
</html>
実際のサンプルを実行する