CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS ファンクション（Functions）CSS セレクタ全書

CSSの :focus 選択子

CSSの仮クラス :focusは、フォーカスを持つ要素（例えば、フォームの入力）を表します。ユーザーが要素をクリックしたりタッチしたり、または「tab」キーを使って選択すると、イベントがトリガーされます。

完全なCSS選択子リファレンスマニュアル

オンラインの例

入力フィールドに焦点が当たると選択されるスタイル：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>基本的なチュートリアル(oldtoolbag.com)</title>　
<style>
input:focus
{
　　　　background-color:orange;
}
</style>
</head>
<body>
<p>テキスト入力フィールドのフォームをクリックすると黄色い背景が見られます:</p>
<form>
First　name:　<input　type="text"　name="firstname"　/><br>
Last　name:　<input　type="text"　name="lastname"　/>
</form>
<p><b>注意:</b>　　:focus　はIEで適用されます8,DOCTYPE　宣言する必要があります</p>
</body>
</html>

テストを見てみる ‹/›

定義と使用法

:focus 選択子は、焦点を持つ要素を選択するために使用されます。

ヒント: :focus 選択子は、キーボードイベントや他のユーザー入力の要素を受け入れます。

ブラウザの互換性

テーブルの数字は、この属性をサポートする最初のブラウザのバージョン番号を示します。

選択子
:focus	4.0	8.0	2.0	3.1	9.6

注意: 　:focus 選択子はIEで選択されます8中で宣言する必要があります<!DOCTYPE> .

CSSチュートリアル: CSS 仮クラス