如何打印内联CSS样式?

有没有办法打印css样式,这是内联?

我用这段代码打印部分代码

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

我可以使用外部文件并使其成为media = print,但是html的一部分是由PHP生成的字符,我可以通过为每个可能的结果制作类来实现它,但那将是痛苦的.

有任何想法吗?谢谢.

解决方法

参见演示: 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时,打印机的样式将包含在该弹出窗口中,以便打印机从弹出窗口中读取样式并以此方式打印.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效