隱藏按鈕點擊window.print後

Question

我需要在點擊列印按鈕後顯示：無。但是該列印頁面使用 window.open 指令開啟。所以我嘗試內聯CSS以不顯示它進行列印，但它不起作用。

這是我放置內聯CSS的地方

<input type="button" style="  @media print{ display: none; }"  id="printPageButton"   
 onclick="   window.print();   "    class="printPageButton noprint" value="Print" >

Answer 1

內嵌 CSS 中不存在媒體查詢。您可以在外部 CSS 檔案中使用 CSS @media 查詢。例如：

@media print {
  #printPageButton {
    display: none;
  }
}

Content to print
Print