CSS スタイルにおけるフォーカスとは何を意味しますか?-CSSチュートリアル-php.cn

CSS スタイルにおけるフォーカスとは何を意味しますか?

WBOY

リリース： 2021-12-14 15:04:34

オリジナル

8199 人が閲覧しました

CSS では、focus は「フォーカス」を意味し、フォーカスを持つ要素を選択するために使用される疑似クラスセレクターです。「:focus」セレクターは、フォーカスのある要素のスタイルを設定するために使用できます。構文は「element:focus{CSS スタイルコード;}」です。

CSS スタイルにおけるフォーカスとは何を意味しますか?

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css スタイルでのフォーカスの意味は何ですか?

CSS では、フォーカスはフォーカスを意味し、通常は「:focus」選択を意味します。 focus」セレクターは、フォーカスされた要素を選択するために使用されます。 :focus セレクターは、キーボードイベントまたはその他のユーザー入力を受け取る要素で使用できます。

例は次のとおりです:

<html>
<head>
<style>
input:focus
{
background-color:yellow;
}
</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 用于 IE8 ，则必须声明 <!DOCTYPE>。</p>
</body>
</html>

ログイン後にコピー

出力結果:

CSS スタイルにおけるフォーカスとは何を意味しますか?