【问题标题】:Issue: printed HTML contains naked URL next to label [duplicate]问题:打印的 HTML 包含标签旁边的裸 URL [重复]
【发布时间】:2016-01-10 08:24:24
【问题描述】:

在 HTML 页面上(使用 Angular 1.2)我正在显示按钮

     <a href="www.google.com" class="btn btn-default">
       Hello
     </a>

它在浏览器中看起来很正常,但是当我打印它(从 Chrome 或 Safari)时,我看到了 URL 正在打印的内容,这违背了我的意图,如下所示:

你好(www.google.com)

如何不打印href中的裸URL?

【问题讨论】:

  • 这与角度有什么关系?在我看来,这就像标准的 HTML。
  • 究竟什么是"naked" url?
  • 这可以是打印样式表或浏览器设置。如果是前者,你可以编辑它(可能会有一个选择器,比如a::after),如果是浏览器设置,那么你不能影响或改变行为(除非你改变浏览器的设置,或者给用户详细的说明; 这不太可能被遵循)。请记住,隐藏的 URL 在打印文本中毫无意义,不会向用户显示链接。
  • 请确保在提问之前进行搜索 - 大量问题已经回答了这个问题:stackoverflow.com/questions/7301989/…
  • 您很可能希望使用 css 媒体查询来隐藏锚标签的内容以进行打印。如果您在使用这些搜索词后找不到您要查找的内容,请提出一个新问题,以更好地了解您的问题。

标签: html


【解决方案1】:
@media print {
  a[href]:after, .btn[href]:after {
    content: none !important;
  }
}

正如@patricksweeney 所说。

【讨论】:

    猜你喜欢
    • 2013-09-04
    • 2016-10-03
    • 1970-01-01
    • 1970-01-01
    • 2019-11-04
    • 1970-01-01
    • 1970-01-01
    • 2016-04-03
    • 2012-07-05
    相关资源
    最近更新 更多