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

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

Mary-Kate Olsen
发布: 2024-10-31 04:55:30
原创
211 人浏览过

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中文网其他相关文章!

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