ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS :focus 疑似クラスの使用法
CSS :focus 疑似クラスの使用法
- 王林転載
- 2023-08-26 15:01:081460ブラウズ
次のコードを実行して達成することができます: focus pseudo-class
Example
ライブ デモンストレーション
<!DOCTYPE html>
<html>
<head>
<style>
input:focus {
background-color: orange;
}
</style>
</head>
<body>
<form action = "">
Subject <input type = "text" name = "subject"><br>
Student: <input type = "text" name = "student"><br>
Age: <input type = "number" name = "age"><br>
<input type = "submit" value = "Submit">
</form>
</body>
</html>出力
以上がCSS :focus 疑似クラスの使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。