防止打印图标被打印

Question

如何防止打印图标被打印出HTML

Answer 1

使用@media CSS选择器。简化示例：

<style rel="stylesheet" href="somestyle.css" />
<img src="/some/file.png" class="print_me_not" />

在somestyle.css中：

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

Answer 2

在你的head标签中：

<link rel="stylesheet" href="print.css" media="print" />

在print.css中：

a#print-icon { visibility: hidden; }

(我不知道实际的选择器，因为你没有张贴你的HTML。请在以后的问题中发布您的代码。玩得开心！)

Answer 3

另一种方法:在主css文件中：

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