删除 Chrome 打印输出中的 Href 值

在 Chrome 中自定义打印 CSS 时，您可能会遇到以下问题：链接同时打印文本内容和 href 值。要解决此问题，请按照以下步骤操作：

以下是初始 HTML：

Google

Bootstrap 的默认行为：

Bootstrap 包含一个打印样式表，它将 href 值附加到括号中的链接：

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

禁用或覆盖 Bootstrap 的样式：

要删除 href 值，您可以修改 Bootstrap 的打印样式表或在您自己的样式表中覆盖它：

禁用 Bootstrap 的样式：

从 Bootstrap 的打印样式表中删除 a[href]:after 规则。

覆盖样式：

添加新的 a[href]:after 规则到您自己的打印样式表并设置内容：none !important;禁用 Bootstrap 的样式：

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

实施这些更改后，链接将根据需要仅打印文本内容：

Google