我应该如何删除打印时的打印机图像？答案

【问题标题】：How should i remove printer image on print?我应该如何删除打印时的打印机图像？
【发布时间】：2013-12-22 05:33:59
【问题描述】：

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

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

请检查jsfiddle

【问题讨论】：

标签： javascript php jquery css ajax

【解决方案1】：

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

@media print {

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

}

【讨论】：

我不太清楚你所说的“被击中”是什么意思，但如果你需要更多帮助，请查看这个小提琴：jsfiddle.net/XY9jX
是的，我将这个 @media print {.hide-on-print{display:none;}} 放在我的 style.css 中，但没有任何改变。我这里有什么问题吗？
嗯，很抱歉，但它适用于我（Chrome、FF、Opera、IE）。如果我有其他想法，我会告诉你的。不过，我不太确定，如果我明白你想要什么。

【解决方案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

【讨论】：

@user3067299 使用fiddle Demo检查更新的答案。
@user3067299 见-->jsfiddle.net/cse_tushar/x5J7Y/4你需要添加这个代码<style> @media print { .print_img { display:none; } } </style>
@user3067299 欢迎乐于助人 :)
你好，当我点击打印时，它会重定向到在同一窗口中打印，从而丢失原始收据。我应该添加什么以便它在新窗口中打开。谢谢

【解决方案3】：

使用

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

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

【讨论】：

我还没有添加 onlcik onclick="myFunction()" 我以为你会自己做。