javascript - 如何使用 CSS 隐藏图像按钮不打印？

Question

我的网页（php html）中有一个“打印”按钮，我不希望它与我的数据一起打印。我可以用 CSS 做吗？还有其他方法吗？

Answer 1

是的，您可以使用 CSS，尽管仅支持 CSS3 的浏览器。

但它很简单：

 @media print {
    …
 }

Answer 2

为按钮分配一个 id(buttonId) 例如：id="buttonId" 然后在 css 中：

#buttonId
{
    display:none;
}

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

只需使用上面的 css 文件即可。

Answer 3

只需创建多个样式表

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

看看

媒体=“打印”