書式
セレクタ: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>