如何在 Chrome 打印输出中隐藏 HREF 值？

在 Chrome 打印输出中抑制 HREF 值

在 Chrome 中自定义打印样式时，您可能会遇到链接及其文本一起打印的问题及其 HREF 值。这可能会分散注意力并且不美观。

要解决此问题，请考虑以下解决方案：

Bootstrap 的打印媒体规则

Bootstrap，一种流行的CSS 框架，包括将 HREF 值附加到链接的打印媒体规则。要禁用此行为：

• 打开打印样式表或创建一个。
• 添加以下规则：

<code class="css">@media print {
  a[href]:after {
    content: none !important;
  }
}</code>

这将覆盖 Bootstrap 的规则并防止打印 HREF 值。

自定义 CSS 覆盖

或者，您可以创建自己的 CSS 规则来覆盖默认行为：

<code class="css">@media print {
  a[href]:after {
    content: none !important;
  }
}</code>

将此规则添加到您的打印样式表中，以在 Chrome 中打印时抑制 HREF 值。

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