Google打印没有彩色，浏览器打印预览没有背景颜色和没有颜色

原因：google 浏览器的打印不出现背景颜色，是因google浏览器的打印有自己定义的样式，有些会覆盖个人写的样式。

颜色

根据css优先级规则，css属性后面加“!important”的优先级最大，无条件绝对优先（比内联样式还要优先）
在所需的元素上，有颜色的样式里面都加入“!important”

背景颜色

如果背景颜色在后面加“!important”不显示，在所需的元素上设置CSS属性：

-webkit-print-color-adjust: exact;

注意：在当前所需要的标签上加样式。例如表格直接写样式名可能不显示，当指定td的会显示背景颜色。

例子：
HTML

<table border="0"  class="table"><tbody><tr><td colspan="1" class=""outside>测试背景颜色</td></tr></tbody>
</table>

CSS
下面，成功显示td背景颜色

td.outside {background: #FBFBFB !important;-webkit-print-color-adjust: exact;
}

下面，没有背景颜色

.outside {background: #FBFBFB !important;-webkit-print-color-adjust: exact;
}

Google打印没有彩色，浏览器打印预览没有背景颜色和没有颜色相关推荐

【web小票打印】谷歌浏览器跳过预览直接打印（lodop）
因项目需求,需要在网页端直接打印订单小票,然后客户给寄了一台得力热敏票据打印机.lowlowlow,人家都是什么云打印了.... 上产品官网溜达了一圈啥也没给,就给了驱动安装.装完在打印的时候选择该打 ...
Qt Creator在浏览器中预览
Qt Creator在浏览器中预览在浏览器中预览在浏览器中预览 Qt Design Viewer是在您的Web浏览器中运行的QML查看器.这意味着您可以在台式机和移动设备上的最广泛使用的Web浏览 ...
浏览器预览html网址,在浏览器中预览网页
在浏览器中预览网页 10/11/2017 本文内容为了便于在 Microsoft Expression Web 中设计网页,您可以在不同 Web 浏览器和不同大小的窗口中预览网页的外观.可以选择的窗 ...
java返回pdf文件流给前端_如何实现springmvc将返回的给前端的pdf文件放在浏览器里预览？...
想在浏览器里直接GET目标URL,然后就把PDF在浏览器里预览出来(不用前端插件的前提下),就像这样: 后端代码: @RequestMapping(value = "/showPDF&quo ...
IoT黑板报0210：Google 发布 Android Things 开发者第二预览版
IoT黑板报,阅尽物联网新鲜事! 关注物联网领域,寻求报道或投稿请邮件联系jiawd@csdn.net 微信联系 jiaweidi1214,备注"姓名+公司+职位"(以便更快审核通 ...
java返回浏览器预览PDF_如何实现springmvc将返回的给前端的pdf文件放在浏览器里预览？...
想在浏览器里直接GET目标URL,然后就把PDF在浏览器里预览出来(不用前端插件的前提下),就像这样: http://docs.spring.io/spring/- 后端代码: @RequestMap ...
Java后台实现pdf文件在浏览器中预览
Java后台实现pdf文件在浏览器中预览放在服务器的pdf文件不能通过完整路径访问,想要实现的效果是浏览器访问后台接口可以预览pdf文件,暂时是把pdf文件放在本地测试通过输出流的方式将pdf文件 ...
浏览器中预览文件（pdf、图片文件）
本文讲解在浏览器中预览PEF文件或图片文件,思路如下: 使用window.fetch请求文件资源,生成blob对象,创建此blob对象的url,之后在浏览器中显示预览,下面是具体实现代码: 1.单击& ...
php 502状态码,PHPstorm浏览器打开预览出现502状态码，怎么办？
最近不少同学在安装phpstorm软件时遇到问题,PHPstorm使用浏览器预览时出现502状态码.下面就给大家详细介绍如何解决这个问题. 未配置前: 1.首先我们打开PHPstorm后可以先点击文件 ...
C# 实现海康摄像头在任意浏览器中预览
两周以来一直研究海康视频在谷歌.火狐等浏览器中的显示问题.在今天终于有了一点小心得.发表出来,希望有问题或者其他建议的老师积极给我建议. 在海康浏览器的平台中,因为他本身只支持在IE或者IE内核中显示 ...

Google打印没有彩色，浏览器打印预览没有背景颜色和没有颜色

颜色

背景颜色

Google打印没有彩色，浏览器打印预览没有背景颜色和没有颜色相关推荐

最新文章

热门文章