Приложение стилей исключительно для 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 и более поздних версий и применяет стиль width: 100% к элементу таблицы фактической формы независимо от высокой контрастности пользователя настройки. Это гарантирует, что только браузеры IE указанных версий будут придерживаться этого правила стиля.