Schaltfläche ausblenden, nachdem auf window.print geklickt wurde

Question

Ich muss Folgendes anzeigen: Keine, nachdem ich auf die Schaltfläche „Drucken“ geklickt habe. Die Druckseite wird jedoch mit dem Befehl window.open geöffnet. Also habe ich versucht, das CSS zum Drucken einzubinden, ohne es anzuzeigen, aber es funktioniert nicht.

Hier habe ich das Inline-CSS eingefügt

<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