Bagaimanakah Saya Boleh Memaksa Mengecat Semula WebKit untuk Memastikan Penyebaran Gaya kepada Elemen Keturunan?

Memaksa Mengecat Semula WebKit untuk Penyebaran Gaya

Apabila melaksanakan perubahan gaya JavaScript, pembangun web mungkin menghadapi ketidakkonsistenan antara penyemak imbas. Dalam penyemak imbas berasaskan WebKit seperti Chrome dan Safari, kemas kini ringkas kepada nama kelas elemen mungkin gagal disebarkan kepada keturunan.

Isu ini timbul apabila mengemas kini adik-beradik, dengan adik-beradik pertama menerima gaya baharu tetapi yang kedua kekal tidak terjejas . Kehadiran fokus dan teg penambat dalam elemen yang terjejas merumitkan lagi keadaan.

Penyelesaian: Mencetuskan Mengecat Semula dengan Togol Paparan

Untuk menyelesaikan masalah ini dalam WebKit, a penyelesaian yang mudah dan berkesan ialah menogol sifat paparan elemen yang terjejas:

sel.style.display = 'none';
sel.offsetHeight; // Accessing offsetHeight forces a reflow
sel.style.display = '';

Ini mencetuskan lukis semula atau cat semula operasi, menyebarkan perubahan gaya kepada semua keturunan. Perlu diingat bahawa teknik ini telah disahkan berfungsi untuk elemen peringkat blok, dan keberkesanannya untuk jenis paparan lain mungkin memerlukan penerokaan lanjut.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memaksa Mengecat Semula WebKit untuk Memastikan Penyebaran Gaya kepada Elemen Keturunan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!