Adakah Terdapat CSS :blur Selector, dan Bagaimana Saya Boleh Menggayakan Elemen Apabila Mereka Hilang Fokus?

Keadaan Fokus CSS dan Kabur

Dalam CSS, anda boleh menggunakan pemilih :focus untuk menggunakan gaya pada elemen yang mempunyai fokus. Walau bagaimanapun, tiada pemilih :kabur untuk mewakili elemen yang telah kehilangan fokus.

Kelas Pseudo Dinamik dan Keadaan Unsur

Kelas Pseudo Dinamik, termasuk :fokus dan :hover, mewakili keadaan unsur, bukan peristiwa atau peralihan antara keadaan. Oleh itu, tiada pemilih :blur untuk menunjukkan elemen yang baru sahaja kehilangan fokus.

Menggunakan Gaya tanpa Pemilih :blur

Untuk menggunakan gaya pada elemen yang tidak dalam fokus, anda boleh menggunakan salah satu daripada kaedah ini:

• Gunakan :not(:focus) (dengan sokongan penyemak imbas terhad):

input:not(:focus), button:not(:focus) {
    /* Styles for non-focused form inputs and buttons */
}

• Timpa gaya lalai untuk elemen fokus:

input, button {
    /* Default styles for all form inputs and buttons */
}

input:focus, button:focus {
    /* Override styles for focused form inputs and buttons */
}

Kesimpulan

Walaupun CSS tidak mempunyai khusus : pemilih kabur, anda boleh menggunakan teknik ini untuk menggunakan gaya berdasarkan keadaan fokus elemen.

Atas ialah kandungan terperinci Adakah Terdapat CSS :blur Selector, dan Bagaimana Saya Boleh Menggayakan Elemen Apabila Mereka Hilang Fokus?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!