首页 前端知识 css踩坑记录(1)——css控制强制打印背景

css踩坑记录(1)——css控制强制打印背景

2024-04-29 11:04:24 前端知识 前端哥 409 650 我要收藏

摘要:调用的浏览器的打印,是无法控制的。使用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 思否

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6239.html
标签
评论
发布的文章

@JsonCreator和@JsonValue

2024-05-05 22:05:05

Python 字符串转换为 JSON

2024-05-05 22:05:00

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!