Bagaimanakah saya boleh menggunakan gaya CSS secara eksklusif pada pelayar Internet Explorer?

Aplikasi Gaya Eksklusif untuk Internet Explorer

Dalam blok kod CSS yang diberikan, pengguna mungkin menghadapi keperluan untuk menggunakan gaya tertentu semata-mata pada pelayar Internet Explorer (IE) dan mengabaikan mereka untuk penyemak imbas lain.

Menyesuaikan Harta Lebar untuk IE 7-9

Sebagai contoh, jika kita mempunyai peraturan CSS yang menetapkan lebar jadual kepada 100% , tetapi kami hanya mahu IE 7, 8 dan 9 untuk menjadikan sifat ini, penyelesaian mudah ialah menggunakan pertanyaan media.

Menggunakan Pertanyaan Media

Dengan menggunakan Peraturan @media, kami boleh menentukan gaya yang menyasarkan versi atau ciri penyemak imbas tertentu. Untuk keserasian IE, kita boleh menggunakan sifat -ms-high-contrast, yang khusus untuk Microsoft Internet Explorer 10 atau lebih tinggi.

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .actual-form table {
        width: 100%;
    }
}

Penjelasan

Ini pertanyaan media menyasarkan IE 10 dan ke atas dan menggunakan lebar: 100% gaya pada elemen jadual bentuk sebenar tanpa mengira tetapan kontras tinggi pengguna. Ini memastikan bahawa hanya pelayar IE dalam versi yang ditentukan akan mematuhi peraturan gaya ini.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menggunakan gaya CSS secara eksklusif pada pelayar Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!