CTRL + P和单击按钮时的不同打印样式

Question

我有一个完全风格的网页，我使用带有media =＆＃34; print＆＃34;的Print.css样式表实现了CTRL + P打印。不，我对页面上的打印按钮有另一个要求，但是此打印按钮应该打印具有不同打印样式表的页面，例如print2.css。

我的网站是旅游预订网站。因此，当实施时，我将有两个打印选项。

1. 使用print.css的Ctrl + P打印。访客可以保存包裹详细信息的副本，这将是非常详细的，可能会达到3-4页。

2. 使用print2.css的打印按钮。这将是短而清晰的，仅为1页。

Answer 1

没有必要加载新的样式表来完成此任务。当用户按下按钮时，您可以在class上添加修饰符body，并在选择器中使用此类执行print2.css的额外样式。然后，显示打印对话框，并删除该课程。