在Chrome中打印时需要删除href值
我试图自定义打印CSS,并发现它打印链接与href
值以及链接。
这是在Chrome中。
对于这个HTML:
<a href="http://www.google.com">Google</a>
它打印:
Google (http://www.google.com)
我想要它打印:
Google
Bootstrap做同样的事情(…作为下面的select答案)。
@media print { a[href]:after { content: " (" attr(href) ")"; } }
只需从那里删除它,或者在自己的打印样式表中覆盖它:
@media print { a[href]:after { content: none !important; } }
它不 。 在打印样式表中的某处,您必须具有以下代码段:
a[href]::after { content: " (" attr(href) ")" }
唯一的另一种可能是你有一个扩展为你做。
如果你使用下面的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" />
只需通过添加媒体=“屏幕”将其更改为以下样式
<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浏览器中效果不佳。
我有同样的问题,但是因为我使用了HTML5 Boilerplate,并且它具有Eric在print.css媒体查询中发布的规则。 只要从那里删除它。
我遇到了类似的问题,只有在我的锚点嵌套的img:
<a href="some/link"> <img src="some/src"> </a>
当我申请
@media print { a[href]:after { content: none !important; } }
我失去了我的IMG和整个锚宽度由于某种原因,所以而是我用:
@media print { a[href]:after visibility: hidden; } }
这工作完美。
奖金提示 : 检查打印预览