兩個打印按鈕在同一頁面上有不同的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';
}