Adakah CSS Mempunyai Pemilih :blur untuk Elemen Penggayaan Yang Hilang Fokus?

Keadaan Fokus dan Kabur CSS: Ketersediaan Pemilih :blur

Dalam CSS, kelas pseudo :focus membolehkan kami menggunakan gaya kepada elemen yang menjadi tumpuan, seperti medan input atau butang. Walau bagaimanapun, ramai yang mungkin tertanya-tanya jika CSS mempunyai kelas pseudo :blur yang sepadan untuk elemen yang hilang fokus.

Jawapannya ialah terdapat tidak :blur pseudo-class dalam CSS.

Dalam CSS, kelas pseudo, termasuk :fokus, mewakili keadaan semasa sesuatu elemen. Walaupun kelas pseudo :focus menunjukkan keadaan fokus elemen, tidak ada cara untuk mentakrifkan gaya secara eksplisit untuk elemen yang hilang fokus atau hilang fokus.

Penghadan ini konsisten dengan pendekatan CSS untuk mewakili negeri dan bukannya peristiwa. Kelas pseudo seperti :focus, :hover, dan :active tidak direka bentuk untuk mencetus gaya berdasarkan peralihan antara keadaan. Sebaliknya, ia mewakili keadaan tertentu di mana elemen sedang berada.

Untuk menggayakan elemen yang tidak berada dalam fokus, anda boleh menggunakan teknik CSS seperti berikut:

• Menggunakan :not(:focus): Pendekatan ini membolehkan anda menyasarkan elemen yang tidak mempunyai fokus, tetapi ia mempunyai kurang pelayar sokongan.
• Gaya Mengatasi dengan :fokus: Anda boleh menentukan gaya umum untuk semua elemen dan kemudian mengatasinya dengan gaya khusus untuk elemen yang mempunyai fokus.

Atas ialah kandungan terperinci Adakah CSS Mempunyai Pemilih :blur untuk Elemen Penggayaan Yang Hilang Fokus?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!