Bootstrap 3.1.1 页面：隐藏链接的 URL答案

【问题标题】：Bootstrap 3.1.1 Page: Hide the URL of linksBootstrap 3.1.1 页面：隐藏链接的 URL
【发布时间】：2014-05-26 05:04:22
【问题描述】：

我有一个 Bootstrap 3.1.1 页面，我想在打印/打印预览时隐藏链接的 URL。我该怎么做？

我想显示链接本身，例如“购物车”、“我的帐户”等，但不想显示链接。

正在发生的事情的屏幕截图： http://i.imgur.com/CQoqVyN.png

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

@iamnotsam 是对的。我需要在内容之后添加 !important 才能使其正常工作。

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

【讨论】：

【解决方案3】：

在我的页面上，大多数时候我喜欢 Bootstrap 在锚标记之后打印 URL 的默认行为。我决定从具有特定类的链接中删除 URL，而不是默认删除所有 URL。

为了与 Bootstrap 的类命名方案保持一致，对于我不想看到其后打印的 URL 的每个链接，我将锚标记指定为类 hidden-print-href。

然后，我将以下几行添加到我的网站样式表中。

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

【讨论】：