Pseudo-class CSS :focus

Definisi dan penggunaan

CSS :focus Pseudo-class digunakan untuk memilih dan menetapkan gaya elemen yang mendapat焦点.

Contoh

Contoh 1

Pilih dan tetapkan gaya medan input saat mendapat焦点:

input:focus {
  warna-latar: kuning;
}

Cuba sendiri

Contoh 2

Mengubah warna latar dan lebar saat medan input mendapat焦点:

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

Cuba sendiri

Rumusan CSS

:focus {
  pengumuman css;
}

Butir teknikal

Pendukung pereka

Nombor di dalam tabel menunjukkan versi paling awal penggunaan pseudo-class yang disokong sepenuhnya.

Halaman yang berkaitan

Panduan:Pseudo-klass CSS