隐藏按钮在点击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