取消打印按钮样式

分类: 文章 • 2024-10-12 14:11:09

在做打印功能的时候，经常会遇到“打印”按钮也留在打印页面，如下图所示：

取消打印按钮样式

解决方案：

添加打印事件及打印样式

取消打印按钮样式

打印事件具体代码：

function preview() {
    window.print();
}

打印样式具体代码：

@media print{
    .noPrint {
        display:none;
    }
}

通过以上事件及样式的调整，就可以去“打印”按钮打印了，结果如下图所示：

取消打印按钮样式