Bagaimana untuk Menukar Warna Kotak Teks Dilumpuhkan dalam Internet Explorer?

Mewarnai Kotak Teks Dilumpuhkan dalam Internet Explorer

Ketidakupayaan untuk menukar warna kotak teks yang dilumpuhkan dalam Internet Explorer (IE) 6 dan 7 boleh had yang mengecewakan berbanding dengan kemudahan berbuat demikian dalam Firefox menggunakan kelas yang mudah.

Batasan CSS dalam IE

Punca isu ini terletak pada cara IE mentafsir Peraturan CSS digunakan pada medan borang yang dilumpuhkan. Tidak seperti penyemak imbas seperti Firefox dan penyemak imbas berasaskan WebKit, yang mengutamakan peraturan CSS tanpa mengira konteksnya, IE sangat bergantung pada set widget lalai sistem pengendalian untuk memaparkan elemen borang.

Alternatif 'baca sahaja'

Penyelesaian kepada pengehadan ini ialah menggunakan atribut 'baca sahaja' dan bukannya 'dilumpuhkan' pada kotak teks. Dengan berbuat demikian, kawalan tidak dipaparkan sebagai widget dilumpuhkan peringkat OS, memberikan anda lebih fleksibiliti untuk menggayakannya menggunakan CSS.

Untuk mencapai kesan yang diingini, cipta kelas CSS (mis., 'dilumpuhkan') yang mentakrifkan gaya untuk kotak teks yang dilumpuhkan, seperti warna latar belakang atau warna fon tertentu. Kemudian, dalam HTML anda, gunakan kelas ini pada kotak teks 'baca sahaja' untuk mengawal penampilannya:

<code class="html"><textarea readonly="readonly" class="disabled">Hello</textarea></code>

Penyelesaian ini membolehkan anda menyesuaikan penampilan kotak teks yang dilumpuhkan dalam IE agar sepadan dengan keperluan khusus anda, memastikan konsistensi merentas pelayar yang berbeza.

Atas ialah kandungan terperinci Bagaimana untuk Menukar Warna Kotak Teks Dilumpuhkan dalam Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!