Zurb Foundation打印样式 - 如何禁用打印时出现在锚点旁边的URL？

Question

当我打印我的页面时，实际的URL会出现在每个锚标签旁边，这在面包屑或页脚链接中看起来很奇怪。使用Zurb Foundation 5时，禁用此行为的适当方法是什么？或者，如果有一种我可以用来覆盖这种行为的CSS样式，那也很棒。

您可以在此处查看其文档中的行为说明： http://foundation.zurb.com/docs/components/typography.html#print-styles

Answer 1

这是由添加到属性选择器的伪元素引起的;可能是这样的：

a[href*="/"]:after, a[href*="/"]:visited:after {content: "("attr(href)")";}

您很可能通过重置伪元素的内容来覆盖它。

尝试将以下内容添加到打印样式表中：

a[href*="/"]:after, a[href*="/"]:visited:after {content: normal;}

Answer 2

在Zurb Foundation 5的Type组件中，不显示图像或JavaScript内部链接的URL，或者更准确地说by looking at the source它将内容重置为空字符串。

.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
  content: "";
}

所以你可以为所有链接做同样的事情

a[href]:after {
    content: "";
}