Pseudo-class :focus CSS

Definisi dan penggunaan

CSS :focus Pseudo-class digunakan untuk memilih dan mengatur gaya elemen yang mendapatkan fokus.

Contoh

Contoh 1

Pilih dan atur gaya saat bidang input mendapatkan fokus:

input:focus {
  warna-latar-bawah: kuning;
}

Coba sendiri

Contoh 2

Ubah warna latar dan lebar saat bidang input mendapatkan fokus:

input:focus {
  warna-latar-bawah: kuning;
  lebar: 250px;
}

Coba sendiri

Syntaks CSS

:focus {
  pernyataan css;
}

Detil teknis

Versi: CSS2

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung pseudo-class ini.

Chrome Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

Halaman yang berhubungan

Tutorial:Pseudo-kelas CSS