php - 同一页面上有两个具有不同 css 的打印按钮......可能吗？

Question

我正在使用 Dreamweaver，用php编码。

在我的一个页面上，我正在尝试添加 2 个不同print buttons的 ，每个都打印网页​​的不同部分。例如，一个打印按钮正在打印第一段，而另一个print按钮正在打印第二段。

我为两个按钮做了print CSS并将每个按钮链接到其各自的print CSS，但是第二个print CSS覆盖了第一个，所以我最终有两个具有相同 CSS 的打印按钮......

我需要做什么？

Answer 1

您可以根据单击的按钮动态更改打印 CSS，如下所示：

在您的样式表引用中添加一个 id：

<link rel="stylesheet" href="print1.css" id="printCss" media="print">

将点击事件添加到您的按钮：

<input type="button" onclick="swapCss();"/>

动态交换 css 文件：

function swapCss() {
    document.getElementById('printCss').href = 'print2.css';
}