常州网络公司首页 >>> WEB编程 >> DIV+CSS

如何不打印打印按钮

发布时间:2010-11-22 21:46:51   浏览次数:6362

在做网站的时候,需要打印功能的情况下,有的时候不想让打印出来的信息显示打印按钮,感觉显示出来很不好看。怎么办?

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

代码如下:

<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>

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

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

由此可以想象到,不想让打印出来的内容,都可以这样做。

上一条:鼠标变放大镜图标
下一条:网站灰黑白色CSS滤镜代码
首页 | 在线留言 | 网站地图

CopyRight ©2008-2014   糊涂蛋技术网    苏ICP备05013073号
站长:万创   QQ:54960248  E-mail:xlxcn#126.com