在做网站的时候,需要打印功能的情况下,有的时候不想让打印出来的信息显示打印按钮,感觉显示出来很不好看。怎么办?
下面有个很简单的方法,那就是在打开按钮上加上一个CSS样式
代码如下:
<style type="text/css">
@media print {
.noprint{display:none;}
}
</style>
<div class="noprint" style="text-align:center; margin:20px;"><button style="cursor:pointer;" οnclick="window.print();">打印</button></div>
你用这个代码打印试一下,是不是没有打印按钮了?
此CSS代码忆在IE和FF里测试通过。
由此可以想象到,不想让打印出来的内容,都可以这样做。
转载于:https://blog.51cto.com/lightweight/526358