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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的CSS相关文章