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

Question

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

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

我为两个按钮执行了打印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';
}