css - 如何打印内联 CSS 样式？

Question

有没有办法打印内联的 css 样式？

我使用这段代码来打印部分代码:

w=window.open();
w.document.write($('#printable').html());
w.print();
w.close();

我可以使用外部文件并将其设为 media=print，但部分 html 是由 php 生成的字符，我可以通过为每个可能的结果创建类来实现它，但这会很痛苦。

有什么想法吗？谢谢。

Answer 1

查看演示:http://jsfiddle.net/rathoreahsan/x69UY/

如果你这样做，你会怎么想:

<div id="printableDiv">
    <style type="text/css">
        @media print {
            #printable { 
               color: red; 
               // Any Other style you want to add 
             }
        }
    </style>
    <div id="printable">
        This Text will print in red color.
    </div>
</div>

Javascript/jQuery 代码:

w=window.open();
w.document.write($('#printableDiv').html());
w.print();
w.close();

在这种情况下，当弹出窗口打开并获取 printableDiv 的 HTML 时，打印机的样式将包含在该弹出窗口中，因此打印机将从弹出窗口读取样式并以该方式打印。