由于 ie8 兼容模式的特殊 css，如何使用 JavaScript 为媒体打印编写 css？

Question

我正在为 @media print 设置一些 css，我必须使用 IE 条件来使其跨浏览器兼容。看看这里和其他地方，似乎没有检测 IE 8 兼容模式的 IE 条件。这样做的唯一方法是使用元标记或 JavaScript，对吗？

我知道如何在 JavaScript 中检测兼容模式。我的问题是如何使用 JavaScript 为 @media print 编写一行特定的 css。如果必须，我会同意链接到单独的样式表。但我设法让我当前的打印媒体样式表跨浏览器兼容，除了 ie 8 兼容模式。如果我可以在 JavaScript 中添加我需要的内容，而不是为 IE 8 兼容模式创建单独的样式表，那就太好了。无论哪种方式，我都想知道如何使用 Javascript 为 IE 8 兼容模式添加 @media print css？

谢谢！

Answer 1

您是否尝试过仅添加内联style 标签：

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