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

【问题标题】：Omit link URLs from the output of browser's print() functionality从浏览器的 print() 功能的输出中省略链接 URL
【发布时间】：2012-08-15 10:26:03
【问题描述】：

一些现代浏览器会像这样转换链接

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

进入

Site (http://somesite.com)

作为生成的 PDF 的一部分。

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

必须在 print.css 中定义哪些 CSS 类才能抑制链接 URL？

【问题讨论】：

哪些现代浏览器？能举个具体的例子吗？

标签： css browser printing

【解决方案1】：

以下是在 CSS 文件中操作 <a href=...> 标记样式以使其显示为您不喜欢的样式的示例：

@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 标题部分，并将文件托管在你的网络服务器上

如果你想要第二个，你应该用谷歌搜索“用户样式表”以找到如下链接：

【讨论】：