js window.print() 打印TD背景色

最新推荐文章于 2024-04-18 10:17:46 发布

未去

最新推荐文章于 2024-04-18 10:17:46 发布

阅读量1.1k

点赞数 1

分类专栏： java 文章标签： javascript 前端 css

本文链接：https://blog.csdn.net/liangbao568/article/details/126632337

版权

java 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

js window.print() 打印TD背景色，客户需要在打印的label固定文字增加浅灰色背景色，页面样式调整如下：
全局CSS样式设置如下：

@media print {
	body {
	    -webkit-print-color-adjust:exact;
        -moz-print-color-adjust:exact;
        -ms-print-color-adjust:exact;
        print-color-adjust:exact;
    }
}

TD元素的样式background-color属性增加 !important

 <tr>
	<td height="15px" width="15%" colspan="2" align="center" style="background-color:#e0e0e0 !important"><strong>公司名称</strong></td>
    <td colspan="3" width="35%" th:text="*{comName}"></td>
    <td colspan="2" width="15%" align="center" style="background-color:#e0e0e0 !important"><strong>项目名称</strong></td>
    <td colspan="2" width="35%" th:text="*{projectName}"></td>
</tr>