Rumah > Artikel > hujung hadapan web > Penggunaan CSS :focus pseudo-class
Penggunaan CSS :focus pseudo-class
- 王林ke hadapan
- 2023-08-26 15:01:081243semak imbas
Anda boleh cuba menjalankan kod berikut untuk melaksanakan :focus pseudo-class
Contoh
Demo langsung
<!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>Output
Atas ialah kandungan terperinci Penggunaan CSS :focus pseudo-class. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Bagaimana untuk menukar warna teks yang dipilih menggunakan CSS?Artikel seterusnya：Bagaimana untuk menukar warna teks yang dipilih menggunakan CSS?