我应该如何在打印时删除打印机图像 - How should i remove printer image on print?

How should i remove printer image on print?

我使用以下代码打印收据，但当我单击"打印"时，即使是打印机图像也会显示在预览和打印中。我的代码是

<button onclick="myFunction()">
    <div align="justify">Print</div>
</button>
<script>
    function myFunction() {
        window.print();
    }
</script>
///all code are in html body tag

请检查jsfiddle

好吧，你可以用CSS媒体查询来完成：

@media print {
   .hide-on-print{
      display:none;
   }
}

尝试@media

CSS

@media print {
    .print_img {
        display:none;
    }
}

OP评论后更新

更改HTML

<div class="print_img">
    <button onclick="myFunction()">
        <div align="justify">Print</div>
    </button>
</div>

小提琴演示

使用

<button class="printbtn" >Print </button>
  <style>
@media print
  {
  .printbtn {display: none;}
  }
@media screen
  {
  .printbtn {display: block;}
  }
</style>