为什么这个打印脚本会忽略我的自定义 CSS？答案

【问题标题】：Why does this printing script ignore my custom CSS?为什么这个打印脚本会忽略我的自定义 CSS？
【发布时间】：2023-02-23 19:34:40
【问题描述】：

我正在开发一个具有多种功能的博客模板，其中有一个打印文章特征。

为此，我使用Print.js和一些自定义 CSS。自定义 CSS 是特定于打印的：

<link rel="stylesheet" href="assets/css/print.css" media="print">

需要打印的内容：

<main class="content" id="article-content">
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum, sapiente? Veritatis error nemo exercitationem molestias praesentium perspiciatis est officia quod sequi mollitia, omnis optio? Labore autem doloribus quidem quos consectetur?</p>
</main>

打印按钮：

<a href="#" id="print_btn" onclick="printJS('article-content', 'html')">
    <i class="fa fa-print"></i> Print
</a>

问题

虽然页面做打印出来，我的忽略自定义 CSS.

问题

此问题的原因是什么？
修复它的简单可靠方法是什么？

【问题讨论】：

“我的自定义 CSS 被忽略了”- 它是否得到应用，当您尝试通过浏览器的默认打印菜单打印页面时？

标签： javascript css

【解决方案1】：

阅读您提供的文档：

“这允许我们传递一个或多个 css 文件 URL，这些 URL 应该是应用于正在打印的 html。值可以是带有单个 URL 或具有多个 URL 的数组。”

调用脚本的 css 属性将生成您要查找的内容

【讨论】：