Rumah > hujung hadapan web > tutorial css > Mengapa Saya Tidak Boleh Menukar Warna Teks Kotak Teks Dilumpuhkan dalam Internet Explorer?

Mengapa Saya Tidak Boleh Menukar Warna Teks Kotak Teks Dilumpuhkan dalam Internet Explorer?

DDD
Lepaskan: 2024-11-01 16:55:02
asal
273 orang telah melayarinya

Why Can't I Change the Text Color of Disabled Textboxes in Internet Explorer?

Melumpuhkan Warna Teks Kotak Teks dalam Internet Explorer

Adalah diperhatikan bahawa warna teks dalam kotak teks yang dilumpuhkan boleh diubah suai dalam Firefox menggunakan kelas mudah. Walau bagaimanapun, mencapai ini dalam IE 6 dan 7 kekal sebagai cabaran.

Pertanyaan asal mencadangkan bahawa CSS sebaris boleh menukar warna teks kotak teks yang dilumpuhkan dalam Firefox.

<textarea disabled="disabled" style="color: red;">Hello</textarea>
Salin selepas log masuk

Walau bagaimanapun, pendekatan ini menghasilkan teks kelabu dalam IE, manakala Firefox memaparkannya dalam warna merah. Penyemak imbas lain seperti Opera juga menunjukkan teks kelabu, manakala penyemak imbas WebKit memaparkan merah.

Isu timbul daripada cara CSS memaparkan medan borang. Dalam IE, medan ini biasanya diberikan menggunakan set widget sistem pengendalian, mengatasi peraturan CSS. Penyemak imbas lain cenderung untuk mengutamakan peraturan CSS, mengakibatkan ketidakkonsistenan yang diperhatikan.

Untuk menangani isu ini, adalah disyorkan untuk menggunakan atribut 'baca sahaja' dan bukannya 'dilumpuhkan.' Dengan menggunakan sebutan 'class="disabled"', anda boleh menyesuaikan penampilan kotak teks yang dilumpuhkan sambil mengekalkan sekatan kawalan borang yang diperlukan. 'Readonly' mengekalkan penggayaan kotak teks asal, membolehkan penyesuaian yang lebih besar melalui CSS.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan