Question

我正在使用“打印页面”按钮，并且试图在打印文档时隐藏链接的（单击此处进行打印）部分。（它也显示(forms/IRF.cfm)表格，我也不想显示。）

<a href="forms/IRF.cfm" target="_blank">Initial Registration Fee Exemption Affidavit - if applicable (click here to print)</a>

我尝试插入带有noprint类的span来用CSS将其隐藏，但这也不起作用。

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

<a href="forms/IRF.cfm" target="_blank">Initial Registration Fee Exemption Affidavit - if applicable <span class="noprint">(click here to print)</span></a>

是否有一种特殊的方式来处理文本和链接？

任何帮助将不胜感激！

Answer 1

如果我尝试使用您的代码，则效果很好：

<style>
@media print {
      .noprint {
        display: none;
      }
    }
</style>

<a href="forms/IRF.cfm" target="_blank">Initial Registration Fee Exemption Affidavit - if applicable <span class="noprint">(click here to print)</span></a>

要测试，请单击“运行代码段”，然后右键单击链接“初始注册...”，然后选择“打印”。

Answer 2

如果有人在寻找答案，我就找到了答案。要删除href的路径，您需要使用css进行此操作：

@media print {
a[href]:after {
        content: none !important;
      }
}

打印文档时在链接中隐藏文本

2 个答案: