两个打印按钮在同一页面上有不同的CSS ...可能吗？

Question

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

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

我为两个按钮做了打印CSS ，并将每个按钮链接到各自的打印CSS ，但是第二个打印CSS取代了第一个打印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';
}