Css 在打印中使用HTML5细节元素

我们使用HTML5元素

来提供简单的显示/隐藏功能

这在屏幕上可以正常工作，但在打印时，屏幕上尚未打开的任何

元素在打印时都会隐藏

我认为这会奏效：

@media print {
    details { display:block !important }
}

但事实并非如此

显然，这代表了一种负面的打印用户体验——有人成功地将其用于打印吗

---

感谢

在元素上添加

打开

属性，不指定任何值。无论发生什么情况，这都是确保细节元素保持打开状态的最佳方法。

---

请注意，

详细信息

不是HTML5元素（它在HTML5开发时被删除）。目前是。您必须找到某种方法将

open

属性设置为

true

以进行打印。@unor我没有意识到这一点，谢谢，但这将强制在屏幕上打开所有属性，而我只希望在打印时这样做（因为用户无法影响打开/关闭状态）