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

Question

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

我知道如何在JavaScript中检测兼容模式。我的问题是如何使用JavaScript为@media print编写一行特殊的css。如果有必要，我将满足于链接到单独的样式表。但我设法让我目前的印刷媒体样式表跨浏览器兼容，但值得注意的是，ie8兼容模式例外。如果我可以在JavaScript中添加我需要的东西，而不是为IE8兼容模式创建一个单独的样式表，那就太好了。不管怎样，我想知道如何使用Javascript为IE8兼容模式添加@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);