在Chrome中打印时需要删除href值

我试图自定义打印CSS，并发现它打印出链接与href值以及链接。

这是Chrome。

对于这个HTML:

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

它打印:

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

我想打印:

Google

当前回答

它不是。在你的打印样式表的某处，你必须有这段代码:

a[href]::after {
    content: " (" attr(href) ")"
}

唯一的另一种可能是你有一个分机为你做。

其他回答

我遇到了一个类似的问题，只有嵌套的img在我的锚:

<a href="some/link">
   <img src="some/src">
</a>

当我申请的时候

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

由于某种原因，我失去了img和整个锚点宽度，所以我使用:

@media print {
   a[href]:after {
      visibility: hidden;
   }
}

效果很好。

额外提示:检查打印预览

它不是。在你的打印样式表的某处，你必须有这段代码:

a[href]::after {
    content: " (" attr(href) ")"
}

唯一的另一种可能是你有一个分机为你做。

Bootstrap做同样的事情(…如下所选答案)。

@media print {
  a[href]:after {
    content: " (" attr(href) ")";
  }
}

只需要从那里删除它，或者在你自己的打印样式表中重写它:

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

适用于普通用户。打开当前页面的检查窗口。然后输入:

l = document.getElementsByTagName("a");
for (var i =0; i<l.length; i++) {
    l[i].href = "";
}

然后你将不会看到打印预览的url链接。

@media print { {后(href): 显示:没有; 可见性:隐藏; ｝｝

工作是完美的。

推荐文章