css踩坑记录（1）——css控制强制打印背景

摘要：调用的浏览器的打印，是无法控制的。使用Chrome和Safari，可以添加CSS样式-webkit-print-color-adjust: exact; 元素将强制打印背景颜色/图像

一、效果预览

未加入css样式打印

加入css样式打印预览

 

二、页面展示

 

三、核心代码

css样式

//打印机媒体查询
@media print {
  // 强制打印背景
  * {
    -webkit-print-color-adjust: exact !important;
  }
  // 用于不显示按钮区
  .printBtns {
    display: none;
  }
}

————————————————
本文参考

「张宇zhy」的原创文章 https://blog.csdn.net/u013112461/article/details/102852409

「jenK」的评论区：javascript - js打印能自动勾选背景吗 - SegmentFault 思否