防止打印图标打印

时间:2010-12-29 15:32:40

标签: html jquery-ui

如何防止打印图标打印HTML

4 个答案:

答案 0 :(得分:6)

在你的头标记内:

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

a#print-icon { visibility: hidden; }

(由于您没有发布HTML,我不知道实际的选择器。请在以后的问题中发布您的代码。玩得开心!)

答案 1 :(得分:2)

使用@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;
  }
}

答案 2 :(得分:1)

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

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

答案 3 :(得分:1)

使用CSS Media Types

示例:

<style type="text/css">
 @media print { 
  #yourPrintIcon { display: none; }
 }
</style>