在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; } } 

这工作完美。

奖金提示 : 检查打印预览