Как я могу написать CSS для медиа-печати с использованием JavaScript, из-за специального CSS для режима совместимости ie8?

Question

Я настраиваю некоторые CSS для @media print, и мне пришлось использовать условные выражения IE, чтобы сделать его кросс-браузерным.Глядя здесь и в других местах, кажется, что нет никаких условий IE, которые определяют режим совместимости IE 8.Единственный способ сделать это - использовать метатеги или JavaScript, правильно?

Я знаю, как определить режим совместимости в JavaScript.Мой вопрос заключается в том, как написать одну конкретную строку CSS для @media print с использованием JavaScript.Если мне нужно, я соглашусь на ссылку на отдельную таблицу стилей.Но мне удалось совместить кросс-браузерную таблицу стилей для печатных носителей, за исключением, например, режима совместимости 8.Если бы я мог просто добавить то, что мне нужно в JavaScript, вместо создания отдельной таблицы стилей для режима совместимости с IE 8, это было бы здорово.В любом случае, я хотел бы знать, как я могу добавить @media print css для режима совместимости IE 8, используя Javascript?

Спасибо!

Answer 1

Вы пытались просто добавить встроенный тег style:

var sheet = document.createElement('style')
sheet.innerHTML = "@media print { h1 {color: gray;} } /* just an example */";
document.body.appendChild(sheet);