CSS : Pemilih fokus
Contoh
Pilih dan gaya bidang input saat mendapat fokus:
input:focus
{
background-color: yellow;
}
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
:focus
Selector digunakan untuk memilih elemen yang memiliki fokus .
Tip: Pemilih :focus diperbolehkan pada elemen yang menerima kejadian keyboard atau input pengguna lainnya.
Versi: kapan: | CSS2 |
---|
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung pemilih.
Selector | |||||
---|---|---|---|---|---|
:focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Sintaks CSS
:focus {
css declarations;
}
Lebih Banyak Contoh
Contoh
Saat <input type="text"> mendapat fokus, ubah lebar secara bertahap dari 100px menjadi 250px:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
Halaman Terkait
Tutorial CSS: Kelas CSS Pseudo