首页 > web前端 > css教程 > 正文

如何删除 Chrome 中打印的 Href 值?

Linda Hamilton
发布: 2024-11-03 01:26:29
原创
848 人浏览过

How to Remove Printed Href Values in Chrome?

在 Chrome 打印期间删除 Href 值

尝试在 Chrome 中自定义打印 CSS 样式时,您可能会遇到打印链接时出现的问题附加了它们的 href 值。这可能会导致不需要的输出,如下例所示:

HTML:

<code class="html"><a href="http://www.google.com">Google</a></code>
登录后复制

打印输出:

<code class="text">Google (http://www.google.com)</code>
登录后复制

所需的打印输出:

<code class="text">Google</code>
登录后复制

要解决此问题,您可以利用与所选答案中提出的解决方案类似的解决方案。例如,Bootstrap 会在内容后插入通过 CSS 将 href 值链接到打印文本的内容。要禁用此行为,只需删除或覆盖打印样式表中的相关 CSS 规则即可:

<code class="css">@media print {
  a[href]:after {
    content: none !important;
  }
}</code>
登录后复制

通过应用此 CSS 规则,您可以有效地抑制 href 值的打印,从而获得更干净、更简洁的效果打印输出。

以上是如何删除 Chrome 中打印的 Href 值?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板