Pseudo-kelas :focus-within CSS

Definisi dan penggunaan

CSS :focus-within Pseudo-kelas digunakan untuk cocokkan elemen, jika elemen atau sebarang keturunan elemen mendapatkan fokus.

Contoh

Ketika suatu bidang di formulir mendapatkan fokus, pilih dan atur gaya formulir:

form:focus-within {
  batas: 2px solid hitam;
  warna-latar: krim;
  warna: hitam;
}

Coba sendiri

Gramatika CSS

:focus-within {
  deklarasi css;
}

Detil teknis

Dukungan browser

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

Halaman yang berhubungan

Tutorial:Pseudo-kelas CSS

Referensi:Pseudo-kelas :focus CSS