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

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

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

成

06001

作为生成的PDF的一部分.

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

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

解决方法

以下是操作< 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服务器上托管文件

如果你想要第二个,你应该google的“用户样式表”来找到如下的链接：

> Accessibility Features of CSS: User override of styles
> Tap the power of Mozilla’s user style sheets
> How to write a user stylesheet for Safari

原文地址：https://www.jb51.cc/css/217310.html