تطبيق النمط حصريًا على Internet Explorer

في كتلة تعليمات برمجية معينة لـ CSS، قد يواجه المستخدمون الحاجة إلى تطبيق أنماط معينة فقط على متصفحات Internet Explorer (IE) وتجاهلها لهم لمتصفحات أخرى.

تخصيص خاصية العرض لـ IE 7-9

على سبيل المثال، إذا كان لدينا قاعدة CSS تحدد عرض الجدول على 100٪ ، ولكننا نريد فقط أن يقوم IE 7 و8 و9 بعرض هذه الخاصية، والحل البسيط هو استخدام استعلامات الوسائط.

استخدام استعلامات الوسائط

من خلال استخدام قاعدة @media، يمكننا تحديد الأنماط التي تستهدف إصدارات أو ميزات متصفح معينة. للتوافق مع IE، يمكننا استخدام خاصية -ms-high-contrast، الخاصة بـ Microsoft Internet Explorer 10 أو أحدث.

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

شرح

يستهدف استعلام الوسائط هذا IE 10 وما فوق ويطبق نمط العرض: 100% على عنصر جدول النموذج الفعلي بغض النظر عن التباين العالي للمستخدم إعدادات. وهذا يضمن أن متصفحات IE ضمن الإصدارات المحددة فقط هي التي ستلتزم بقاعدة النمط هذه.