Bagaimana untuk Menyesuaikan Warna Teks Kotak Teks Dilumpuhkan dalam IE6/IE7?

Menyesuaikan Warna Teks Kotak Teks Dilumpuhkan dalam IE

Pengenalan:

Menukar warna teks kotak teks yang dilumpuhkan ialah keperluan biasa dalam pembangunan web. Walaupun tugas ini mudah dalam pelayar moden seperti Firefox, ia memberikan cabaran dalam Internet Explorer (IE) versi 6 dan 7.

Cabaran:

Apabila menggunakan CSS kelas kepada kotak teks yang dilumpuhkan dalam IE6/IE7, warna teks tidak berubah seperti yang diharapkan. Tidak seperti Firefox, yang membenarkan penyesuaian warna teks, IE memaparkan teks kotak teks yang dilumpuhkan dalam warna kelabu tetap.

Penyelesaian:

Untuk mencapai penyesuaian warna teks dalam kotak teks yang dilumpuhkan dalam IE6 /IE7, gunakan teknik berikut:

1. Gunakan Atribut 'baca sahaja':

Daripada menggunakan atribut 'dilumpuhkan', gunakan atribut 'baca sahaja'. Tidak seperti 'dilumpuhkan', yang menjadikan kotak teks sebagai widget peringkat sistem pengendalian, 'baca sahaja' membenarkan lebih banyak penyesuaian berasaskan CSS.

2. Gunakan Penggayaan Tersuai:

Buat kelas CSS yang menyasarkan kotak teks 'baca sahaja' dan menggunakan warna teks yang diingini menggunakan sifat 'warna'. Contohnya:

<code class="css">textarea[readonly] {
  color: red;
}</code>

Penjelasan:

Dengan menggunakan 'baca sahaja' dan bukannya 'dilumpuhkan,' anda memberi pelayar lebih kebebasan untuk menggunakan penggayaan CSS. Penyelesaian ini membolehkan anda mengatasi penampilan keadaan dilumpuhkan lalai dan menyesuaikan warna teks seperti yang diperlukan.

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