首页  >  文章  >  web前端  >  如何防止在 Chrome 中打印 Href 属性?

如何防止在 Chrome 中打印 Href 属性?

Susan Sarandon
Susan Sarandon原创
2024-10-31 07:04:30210浏览

How to Prevent Href Attributes from Printing in Chrome?

在 Chrome 打印期间消除 Href 属性:CSS 自定义

许多用户在 Chrome 中自定义打印 CSS 时遇到问题:打印 href 值旁边的超链接文本。要解决此问题,请实施以下解决方案:

Bootstrap CSS 包含一个打印模式规则,该规则会在链接文本后附加 href 值:

<code class="css">@media print {
  a[href]:after {
    content: " (" attr(href) ")";
  }
}</code>

要删除 href 显示,请修改打印样式表:

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

此修改覆盖 Bootstrap 规则,确保仅打印链接文本。

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn