logo标签列表

从浏览器的打印功能输出中省略链接URL

cssbrowserprinting
17

一些现代浏览器会将类似于以下形式的链接转换为：

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

转换为

Site (http://somesite.com)
作为生成的PDF的一部分，我希望能够省略链接。请问是否有一种纯粹使用CSS的方法来实现呢？在print.css中，哪些CSS类必须被定义才能抑制链接URL？
现代浏览器有哪些？你能给一个具体的例子吗？ - Ian
1个回答
45
以下是如何在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头部，并将文件托管在您的Web服务器上。

如果您需要第二种情况，您应该搜索“用户样式表”以找到以下链接：

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接