我可以添加不会影响生成 PDF 样式的自定义 CSS 吗？答案

【问题标题】：Can I add custom CSS that will not affect the style of generated PDFs?我可以添加不会影响生成 PDF 样式的自定义 CSS 吗？
【发布时间】：2016-01-05 21:58:17
【问题描述】：

Orbeon doc here 展示了如何像这样添加自定义 CSS：

<property
    as="xs:string"
    name="oxf.fr.css.custom.uri.*.*"
    value="/config/acme.css"/>

此 CSS 会影响 Form Runner 中的显示以及生成的 PDF 版本的表单。有没有办法添加不会影响 PDF 的自定义 CSS？

我问是因为我使用默认隐藏所有部分的自定义 CSS 和自定义 JavaScript 通过显示/隐藏来模拟部分之间的导航。由于默认情况下所有部分都是隐藏的，因此我最终得到一个除标题外为空的 PDF。

如果没有简单的方法可以做到这一点，我可以解决它。我在 Liferay 的代理 Portlet 中运行 Form Runner，因此我可以将自定义 CSS 添加到 Liferay 主题。但是，如果有办法使用 Orbeon 做到这一点，那就太好了。

【问题讨论】：

没有单独的 CSS 文件，因为 CSS 允许您指明哪些规则适用于 print 与 screen。如果您只想在表单“在屏幕上”呈现时应用您的规则，请尝试将它们放在@media screen { ... } 中。如果这对您有用，您会告诉我们。一个较小的解决方案是让您的规则始终适用，并在 @media print { ... } 内使用额外的 CSS “重置它们”。
@avernet 谢谢，@media screen { ... } 工作。
完美，感谢您将其发布为答案。

标签： orbeon

【解决方案1】：

根据@avernet 的建议，我可以通过将我的自定义 CSS 包含在 @media screen { ... } 中来解决此问题。

【讨论】：