在Chrome中打印时需要删除href值

我试图自定义打印CSS，并发现它打印链接与href值以及链接。

这是在Chrome中。

对于这个HTML：

 <a href="http://www.google.com">Google</a> 

它打印：

 Google (http://www.google.com) 

我想要它打印：

 Google 

Answer 1

Bootstrap做同样的事情（…作为下面的select答案）。

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

只需从那里删除它，或者在自己的打印样式表中覆盖它：

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

Answer 2

它不 。 在打印样式表中的某处，您必须具有以下代码段：

 a[href]::after { content: " (" attr(href) ")" } 

唯一的另一种可能是你有一个扩展为你做。

Answer 3

如果你使用下面的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浏览器中效果不佳。

Answer 4

我有同样的问题，但是因为我使用了HTML5 Boilerplate，并且它具有Eric在print.css媒体查询中发布的规则。 只要从那里删除它。

Answer 5

我遇到了类似的问题，只有在我的锚点嵌套的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; } } 

这工作完美。

奖金提示 ： 检查打印预览