Bootstrap 3.1.1 页面:隐藏链接的 URL
Posted
技术标签:
【中文标题】Bootstrap 3.1.1 页面:隐藏链接的 URL【英文标题】:Bootstrap 3.1.1 Page: Hide the URL of links 【发布时间】: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;
【讨论】:
我很抱歉没有回复@iamnotsam 的评论...我没有足够的声誉来发表评论。 如果它在以后不需要的样式表中【参考方案3】:在我的页面上,大多数时候我喜欢 Bootstrap 在锚标记之后打印 URL 的默认行为。我决定从具有特定类的链接中删除 URL,而不是默认删除所有 URL。
为了与 Bootstrap 的类命名方案保持一致,对于我不想看到其后打印的 URL 的每个链接,我将锚标记指定为类 hidden-print-href
。
然后,我将以下几行添加到我的网站样式表中。
@media print
a.hidden-print-href[href]:after
content: none !important;
【讨论】:
您也可以默认删除所有附加的 URL,然后使用类添加回您想要的 URL,例如visible-print-href
。你需要多几行 CSS 才能做到这一点。以上是关于Bootstrap 3.1.1 页面:隐藏链接的 URL的主要内容,如果未能解决你的问题,请参考以下文章
bootstrap 模态框 modal 插件在一个含有多个页面
在 adminlte-3 bootstrap-4 treeview 打开/隐藏页面加载后加载动态 AJAX 侧边栏菜单 jquery 不起作用