我正在尝试为正在运行的提示页面创建一个有效的 print.css。该页面包含一个 jQuery UI Accordion 来显示各种主题，但我不想在打印页面时显示该手风琴。
这是我打印时的屏幕截图。
打印页面时，我希望它显示为好像禁用了 javascript，如下图所示：
手风琴是使用<div id="gettingStarted_accordion"> 创建的，因此将其隐藏在 print.css 中会使整个部分消失。
有什么简单的方法吗？
【问题讨论】：
在您的打印 css 或媒体打印 css 上添加显示方法，如下所示：
@media print {
#gettingStarted_accordion > *{display:block !important;}
}
【讨论】：
display:block !important;，但它没有给我想要的结果
display:block !important;，它确实有效......
display:block !important 有效。我还在 jquery-ui 样式表中添加了media="screen"，以防止手风琴外观也出现。感谢您提供有关 display:block 的提示
仅供参考，我想出了一个解决办法。我只是将media="screen" 添加到jquery ui 样式表的链接中。像这样：
<link media="screen" rel="stylesheet" type="text/css" href="jquery-ui.css">
并在我的 print.css 中使用它（感谢 Riskbreaker）：
#gettingStarted_accordion > * {
display: block !important;
}
【讨论】：