É necessário remover os valores href ao imprimir no Chrome

Estou tentando personalizar o CSS de impressão e descobrindo que ele imprime links com o hrefvalor e o link.

Isso está no Chrome.

Para este HTML:

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

Imprime:

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

E quero que imprima:

Google

O Bootstrap faz a mesma coisa (... como a resposta selecionada abaixo).

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

Apenas remova-o ou substitua-o em sua própria folha de estilo de impressão:

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

Não faz . Em algum lugar da folha de estilo de impressão, você deve ter esta seção do código:

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

A única outra possibilidade é que você tenha uma extensão fazendo isso por você.

@media print {
   a[href]:after {
      display: none;
      visibility: hidden;
   }
}

O trabalho é perfeito.

Se você usar o seguinte 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" />

basta alterá-lo para o estilo a seguir adicionando 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" />

Eu acho que vai funcionar.

as respostas anteriores como

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

não funcionaram bem na navegação do Chrome.

Encontrei um problema semelhante apenas com um img aninhado na minha âncora:

<a href="some/link">
   <img src="some/src">
</a>

Quando eu apliquei

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

Perdi meu img e toda a largura da âncora por algum motivo, então usei:

@media print {
   a[href]:after {
      visibility: hidden;
   }
}

que funcionou perfeitamente.

Dica de bônus : inspecionar a visualização da impressão

Para ocultar o URL da página.

use media="print"no exemplo de estilo:

<style type="text/css" media="print">
            @page {
                size: auto;   /* auto is the initial value */
                margin: 0;  /* this affects the margin in the printer settings */
            }
            @page { size: portrait; }
</style>

Se você deseja remover os links:

@media print {
   a[href]:after {
      visibility: hidden !important;
   }
}

Para usuários normais. Abra a janela de inspeção da página atual. E digite:

l = document.getElementsByTagName("a");
for (var i =0; i<l.length; i++) {
    l[i].href = "";
}

Então você não verá os links de URL na visualização de impressão.