省略浏览器print()功能输出中的链接URL

Question

一些现代浏览器转换链接

<a href="http://somesite.com">Site</a>

成

Site (http://somesite.com)

作为生成的PDF的一部分.

有没有办法从纯CSS中省略生成的PDF版本的链接？

必须定义print.css中的哪些CSS类才能禁止链接URL？

Answer 1

下面是一个示例,用于在<a href=...>CSS文件中操作标记样式以使其在您不喜欢的情况下显示:

@media print {
  ##....
  a[href]:after {
     content:" ("attr(href)")";
     color:#868686;
     background-color:inherit;
     font-style:italic;
     size:90%;
  }
  ##....
}

要覆盖此设置(并使其更符合您的喜好),您可能需要使用包含以下内容(作为其总内容的一部分)的(用户)print.css:

a[href]:after {
   content:"" !important;
}

您的问题范围不是很明确:

• 它只对您控制的网站和访问它的用户有效吗？
• 它应该适用于您访问的任何网页吗？

如果你想要第一个,你可以通常的方式将print.css的引用放到HTML标题部分,并在Web服务器上托管文件

如果你想要第二个,你应该谷歌搜索"用户样式表"来找到如下链接:

• CSS的辅助功能:用户覆盖样式
• 点击Mozilla用户样式表的强大功能
• 如何为Safari编写用户样式表