如何不打印打印按钮

在作网站的时候,须要打印功能的状况下,有的时候不想让打印出来的信息显示打印按钮,感受显示出来很很差看。怎么办?css

下面有个很简单的方法,那就是在打开按钮上加上一个CSS样式ide

代码以下:测试

<style type="text/css">
@media print {
 .noprint{display:none;}
}
</style>网站

 <div class="noprint" style="text-align:center; margin:20px;"><button style="cursor:pointer;" onclick="window.print();">打印</button></div>spa

你用这个代码打印试一下,是否是没有打印按钮了?it

此CSS代码忆在IE和FF里测试经过。class

由此能够想象到,不想让打印出来的内容,均可以这样作。cli

相关文章
相关标签/搜索