IE Условный CSS не работает в браузере Internet Explorer [дубликат]

Используйте префикс URL для расширения Mozilla:

@-moz-document url-prefix() {
  a img {
    margin:5px;
  }
}

Я делал это в прошлом с условными включениями. Определите браузер из своих заголовков, затем включите файл .css на основе условия

u может обнаружить с помощью js версию браузера.

Для IE вы можете использовать

Иногда я использую -moz-CSS_ATTRIBUTE для Mozila, но он работает не каждый раз.

I думаю, что JS - лучшее решение

То, что вы описываете, - условный CSS (или для IE, условных комментариев ).

Возможно, что-то вроде

body.chrome a img
{
margin:0;
}

body.mozilla a img
{
margin:5px;
}

, затем используйте Javascript для установки класса на теле по мере необходимости.

Вы можете пойти:

• условный CSS
• IE Условные комментарии

Я использую это:

let userAgent = navigator.userAgent;
let b = "";
if(userAgent.indexOf("Firefox") > -1){
    b = "firefox";
}
if(userAgent.indexOf("Chrome") > -1){
    b = "chrome";
}

let styles = document.createElement('link');
styles.rel = "stylesheet";
styles.type = "text/css";
styles.media = "screen";
styles.href = "css/options." + b + ".css";
document.getElementsByTagName('head')[0].appendChild(styles);