javascript - html 表格在打印后错过了它们的边框颜色和背景颜色

Question

<input type= "button" value="Print"  onclick="return PrintReport()" class="lbutton"/>
 <iframe frameborder="0" height="768px" width="95%" id="loader" src="" name="loader"/>
 function PrintReport()
        {
            document.getElementById('loader').contentWindow.document.execCommand('Print',false,null);
            return false;
         }

包含 aspx 页面的 iframe 名称加载器（html 表格报告）

单击按钮打印成功，但是当我以 pdf 格式预览时。

然后html 报告错过了它们的边框颜色和背景颜色。

我检查了 ie 8 中的设置允许背景颜色和图像。

打印后如何获得表格边框颜色和背景颜色。

Answer 1

尝试使用内联 CSS 作为边框颜色。

style="border: 5px solid #333"

Answer 2

我无法确定您的场景，但是当我无意中“自我关闭”一个 iframe 元素时，我遇到了许多样式问题。它不是一个自闭合元素。值得一试...

代替 ：

 <iframe frameborder="0" height="768px" width="95%" id="loader" src="" name="loader"/>

做这个：

 <iframe frameborder="0" height="768px" width="95%" id="loader" src="" name="loader"></iframe>