如何从 Chrome 打印输出中删除 Href 值？

删除 Chrome 打印输出中的 Href 值

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

作为参考，这里是初始 HTML：

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

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

以上是如何从 Chrome 打印输出中删除 Href 值？的详细内容。更多信息请关注PHP中文网其他相关文章！