2013-03-08 73 views
2

我在我的网页(php html)中有一个“打印”按钮,我不希望它与我的数据一起打印。 我可以用CSS来做吗?有另一种方法吗?如何隐藏使用CSS打印的图像按钮?

+0

而是隐藏了按钮打开一个新窗口与要打印并调用javascript函数在窗口打印并关闭它的内容的JavaScript。 – vedarthk 2013-03-08 10:10:36

+2

他要求CSS方式,而不是JS方式。 – 2013-03-08 10:10:42

+0

@JamieHutber我不确定CSS方式是否适用于所有浏览器。这就是为什么我提出这个选择。 – vedarthk 2013-03-08 10:11:50

回答

1

分配的ID(buttonId)到按钮例如:id="buttonId" ,然后在CSS:

#buttonId 
{ 
    display:none; 
} 

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

只是使用上面的CSS文件为同一。

+0

你能解释为什么它是downvoted? – 2013-03-08 10:12:47

+0

我认为它不会隐藏其他按钮,因为使用了id,并且只有一个元素在页面中具有该id – 2013-03-08 10:17:40

1

只需创建多个样式表

<style type="text/css" media="all"> @import "nucss2.css";</style> 
<link rel="stylesheet" type="text/css" media="print" href="print.css" /> 

,并期待在

媒体= “打印”

2

是的,你可以用CSS,虽然支持将只与浏览器支持CSS3。

但其简单:

@media print { 
    … 
}