Question

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

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

请检查jsfiddle

Answer 1

好吧，你可以用CSS媒体查询来做到这一点：

@media print {

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

}

Answer 2

尝试@media

<强> CSS

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

<小时/> OP评论后更新

更改HTML

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

fiddle Demo

Answer 3

使用

<button class="printbtn" >Print </button>

  <style>
@media print
  {
  .printbtn {display: none;}
  }
@media screen
  {
  .printbtn {display: block;}
  }
</style>

我该如何删除打印机上的打印机图像？

3 个答案: