HTML打印时不打印“打印”按钮的CSS设置

最新推荐文章于 2021-06-28 10:13:30 发布
原创 最新推荐文章于 2021-06-28 10:13:30 发布 · 3.1k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#css #html #button #读书 #class
#文档
本文介绍了一种避免打印网页上的特定元素（如按钮）的方法。通过在CSS中定义@media print规则，并设置不想打印的内容为display:none，可以实现只打印所需部分。

网页文档打印 总是会把“打印”按钮给打印出来，经查找资料，只需以下在CSS里设置按钮的CSS即可

 

 

然后再对应的Button设定其class为“notPrint”即可


自己做的的小站，喜欢网络小说、喜欢读书的朋友欢迎来转一转
小说夜读

【Vue】Vue 使用 Print.js 打印选中区域的html，用到的是Element ui table表格，解决页面样式不出现或者table表格样式错乱问题！！！
蓝胖子的博客
02-24 1万+
【Vue】Vue 使用 Print.js 打印选中区域的html，用到的是Element ui table表格，解决页面样式不出现或者table表格样式错乱问题！！！
html如何设置打印按钮,如何使用应用内打印按钮打印 (HTML)
weixin_35275189的博客
06-17 1476
如何使用应用内打印按钮打印 (HTML)12/11/2015本文内容[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发，请参阅 最新文档 ]本教程介绍如何在 Windows 应用商店应用中添加打印按钮。默认情况下，用户通过从“设备”超级按钮中选择打印设备来从应用进行打印。你可以让用...
html文件怎么打印没响应,打印机打印文件时显示未响应是怎么回事
weixin_39955142的博客
06-16 911
一、打印机没有处于联机状态导致打印机不能打印在大多数打印机上，“OnLine”按钮旁边都有一个指示联机状态的小灯，正常情况该联机指示灯应处于常亮状态。如果该指示灯不亮或处于闪烁状态，说明联机不正常。请检查打印机电源是否接通、打印机电源开关是否打开、打印机电缆是否正确连接等。二、重新开启打印机如果联机指示灯显示联机正常，请先关掉打印机，然后再打开，重新打印文档试试。此操作能清除打印机内存中存放的打印...
打印不显示打印按钮及获取其他属性（转载）
a479778594的博客
06-15 1871
传送门：http://dianziermu.iteye.com/blog/375992今天弄了下打印相关的的内容，主要是为了打印页面内容的时候不想同时打印出“打印按钮”。主要有五种方法（其中6为删除打印页眉页脚的例子）： 1、打印前将style隐藏，打印后再显示出来。该方法较简单，且可以写成一个共有的方法，推荐。 Html代码  style.display="none";  window.prin...
js的window.print打印页面 不打印网页中的“打印”按钮
iilegend的博客
09-01 5604
设置样式来控制不打印“打印”按钮：<style type="text/css" media="print"> .noprint { display:none;} </style>然后把它应用到 “打印”按钮上：<input type="button" name="button" id="button" value="打印" class="noprint" />这样可以实现 在页面展示的时候有“打印”
html,jsp实现打印时，隐藏打印按钮
学徒工
03-31 971
html页面怎么添加打印,在网页中添加打印按钮或链接的方法
weixin_29326909的博客
06-03 2601
在网页中添加打印按钮或链接的方法发布时间：2020-05-27 17:38:35来源：亿速云阅读：347作者：鸽子打印按钮或链接是对网页的简单添加CSS(层叠样式表)使你可以控制屏幕上的网页内容。 此控件也扩展到其他媒体，例如在打印网页时。你可能想知道为什么要在网页上添加打印功能; 毕竟，大多数人已经知道或可以轻松地知道如何使用浏览器的菜单打印网页。但是在某些情况下，在页面上添加打印按钮或链接不仅...
html 设置隐藏按键,html – 打印时隐藏按钮
weixin_34000790的博客
06-07 1428
我有一个页面,底部包含3个按钮,编码如下：function printpage() {//Get the print button and put it into a variablevar printButton = document.getElementById("printpagebutton");//Set the print button visibility to 'hidden'pr...
html打印 按钮,如何使用应用内打印按钮打印 (HTML)
weixin_39853210的博客
06-28 613
如何使用应用内打印按钮打印 (HTML)12/11/2015本文内容[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发，请参阅 最新文档 ]本教程介绍如何在 Windows 应用商店应用中添加打印按钮。默认情况下，用户通过从“设备”超级按钮中选择打印设备来从应用进行打印。你可以让用...
设置网页打印的时候,如何让指定区域不打印
Byte_Dance的博客
03-24 2972
@media print { div{display:none} } &lt;p&gt;三生三世&lt;/p&gt; &lt;div class="s"&gt; &lt;button id="1"&gt;打印按钮&lt;/button&gt; &lt;/div&gt;
页面有打印功能，去除打印按钮
grapemlin-某厂螺丝钉
06-05 1490
做了一个求职网站，有简历打印功能，打印功能是实现了，但是打印的时候打印按钮也会被打印出来。 解决方法如下： <div class="preview_bottom" id="hide_btn"> <div class="preview_btn"> <input type="button" class="download btn" onclick="window.locati
《走过的路 踩过的坑》--使用CSS3 @media控制页面打印
过了爱做梦的年纪s 的专栏
08-03 5940
1 web系统中经常会有打印的需求，有的需要打印全部，有的可能只需要打印指定部分，要隐藏某些部分。 这里使用css @media来设置 example：
css禁止打印
s_unny_wang的博客
11-20 599
@media print { body { display: none; } }
web端打印，可以忽略部分内容不打印
琴瑟静好的博客
08-15 3707
.noprint{display : none } 不需要打印的地方 打印的部分 ---------------------------------- function preview(oper)        { if (oper  { bdhtml=window.document.body.innerHTML;//获取
html打印页面前隐藏部分标签,巧妙实现隐藏不想打印的web页面元素
weixin_39966909的博客
06-07 777
web打印去掉页眉页脚，以及不想打印出的页面元素function printpr() //预览函数{document.all("qingkongyema").click();//打印之前去掉页眉，页脚document.all("dayinDiv").style.display="none"; //打印之前先隐藏不想打印输出的元素(此例中隐藏“打印”和“打印预览”两个按钮)var OLECMDI...
用CSS来隐藏不希望被打印出来的元素
从心所欲，不逾矩
07-26 1万+
在WEB上打印时,当页面元素不想在打印时显示时可以使用一个CSS样式,定义这个CSS的方法如下:@media print { .Noprn{ display:none;}}-----------------------------------------------------------------------------------------------------------@
js 打印 HTML 隐藏不想打印的元素
nihaowangxinwei的专栏
04-14 2409
function printPagebyJS(domObj) {     pagesetup_null();     if (domObj) {         var allHtml = window.document.body.innerHTML;         var printHtml = domObj.outerHTML;         window.document.bo
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值