“打印预览”中未应用“本地样式”表

Question

我正在使用一些JSP页面，我在其中添加了一个＆＃34; local＆＃34;样式表。在本地，我的意思是相对于JSP的路径，而不是在Web应用程序文件夹结构中进一步。

现在，这些JSP页面是使用内部开发的scriptlet代码和客户网页对象构建的。

我能够包含我自己的样式表

wp.addCss(page_context + "/abc/include/styles/custom.css");

但是，当服务器将JSP呈现给客户端时，上面的那一行变为

<style type="text/css" media="screen">
  <!--
    @import url('/app/abc/include/styles/custom.css');
  -->
</style>

在这个custom.css中，我定义了以下媒体查询部分

@media print {
  button.btn-anchor {
    font-family: "Times New Roman", Times, serif !important;
    font-size: 72% !important;
    background: transparent !important;
    border: 0 !important;
  }
}

所以，基本上，我在JSP中定义了按钮，类名设置为btn-anchor，使按钮看起来像锚标记。但是，打印页面时，这些按钮看起来像按钮。以上将删除按钮外观。

现在我的问题是，该样式不适用于打印预览。使用Chrome的开发人员工具并模拟CSS媒体打印，按钮看起来像按钮并检查元素，样式窗口没有提到custom.css。

那么我该如何让它发挥作用呢？我是否真的需要将所需的样式移动到我们设置的打印样式表中？