在打印页面时隐藏jquery ui手风琴格式

Question

我正在尝试为正在运行的提示页面创建有效的print.css。该页面包含一个jQuery UI Accordion来显示各种主题，但我不想在打印页面时显示手风琴。

以下是我打印时的外观截图。

---

打印页面时，我希望它显示为禁用了javascript，如下面的屏幕截图所示：

---

手风琴是用<div id="gettingStarted_accordion">创建的，所以隐藏在print.css中会使整个部分消失。

有没有简单的方法可以做到这一点？

Answer 1

在您的打印css或media print css上添加显示方法，如下所示：

@media print {

 #gettingStarted_accordion > *{display:block !important;}

}

Answer 2

仅供参考我找到了解决办法。我只需将media="screen"添加到jquery ui样式表的链接中。像这样：

<link media="screen" rel="stylesheet" type="text/css" href="jquery-ui.css">

在我的print.css中使用它（感谢Riskbreaker）：

#gettingStarted_accordion > * {
    display: block !important;
}