我试图自定义打印CSS,并发现它打印出链接与href值以及链接。
这是Chrome。
对于这个HTML:
<a href="http://www.google.com">Google</a>
它打印:
Google (http://www.google.com)
我想打印:
Google
我试图自定义打印CSS,并发现它打印出链接与href值以及链接。
这是Chrome。
对于这个HTML:
<a href="http://www.google.com">Google</a>
它打印:
Google (http://www.google.com)
我想打印:
Google
当前回答
Bootstrap做同样的事情(…如下所选答案)。
@media print {
a[href]:after {
content: " (" attr(href) ")";
}
}
只需要从那里删除它,或者在你自己的打印样式表中重写它:
@media print {
a[href]:after {
content: none !important;
}
}
其他回答
适用于普通用户。打开当前页面的检查窗口。 然后输入:
l = document.getElementsByTagName("a");
for (var i =0; i<l.length; i++) {
l[i].href = "";
}
然后你将不会看到打印预览的url链接。
Bootstrap做同样的事情(…如下所选答案)。
@media print {
a[href]:after {
content: " (" attr(href) ")";
}
}
只需要从那里删除它,或者在你自己的打印样式表中重写它:
@media print {
a[href]:after {
content: none !important;
}
}
如果您使用以下CSS
<link href="~/Content/common/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="~/Content/common/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="~/Content/common/site.css" rel="stylesheet" type="text/css" />
只需添加media="screen"将其更改为如下样式
<link href="~/Content/common/bootstrap.css" rel="stylesheet" **media="screen"** type="text/css" />
<link href="~/Content/common/bootstrap.min.css" rel="stylesheet" **media="screen"** type="text/css" />
<link href="~/Content/common/site.css" rel="stylesheet" **media="screen"** type="text/css" />
我认为它会起作用。
前者的回答是
@media print {
a[href]:after {
content: none !important;
}
}
不是很好地工作在chrome浏览。
@media print { {后(href): 显示:没有; 可见性:隐藏; } }
工作是完美的。
它不是。在你的打印样式表的某处,你必须有这段代码:
a[href]::after {
content: " (" attr(href) ")"
}
唯一的另一种可能是你有一个分机为你做。