Butang sembunyi selepas mengklik tetingkap.cetak

Question

Saya perlu memaparkan: Tiada selepas mengklik butang cetak. Tetapi halaman cetakan dibuka menggunakan arahan window.open. Jadi saya cuba menyelitkan CSS untuk mencetak tanpa menunjukkannya, tetapi ia tidak berfungsi.

Di sinilah saya meletakkan CSS sebaris

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

Answer 1

Pertanyaan media tidak wujud dalam CSS sebaris. Anda boleh menggunakan pertanyaan CSS @media dalam Fail CSS luaran. Contohnya:

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

Content to print
Print