首页 >web前端 >css教程 >如何防止在 Chrome 中打印链接及其 Href 值?

如何防止在 Chrome 中打印链接及其 Href 值?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-10-31 04:55:30251浏览

How to Prevent Links from Printing with Their Href Values in Chrome?

在 Chrome 中不使用 Href 值进行打印

尝试自定义用于打印的 CSS 时,您可能会遇到链接打印时带有其链接的问题href 值。 Chrome 中就是这种情况。例如,如果您有以下 HTML:

<a href="http://www.google.com">Google</a>

它将打印为:

Google (http://www.google.com)

要解决此问题并仅打印链接文本,您可以使用以下命令打印样式表的 CSS 片段:

@media print {
  a[href]:after {
    content: none !important;
  }
}

这将覆盖 Bootstrap 的默认行为并打印不带 href 值的链接。

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

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