Removendo valores Href na saída de impressão do Chrome

Ao personalizar CSS de impressão no Chrome, você pode encontrar um problema em que os links são impressos com ambos os conteúdo textual e o valor href. Para resolver isso, siga estas etapas:

Para referência, aqui está o HTML inicial:

Google

Comportamento padrão do Bootstrap:

Bootstrap inclui uma folha de estilo de impressão que anexa o valor href aos links entre parênteses:

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

Desativando ou substituindo o estilo do Bootstrap:

Para remover os valores href, você pode modificar a folha de estilo de impressão do Bootstrap ou substituí-la por sua própria:

Desativando o estilo do Bootstrap:

Remova a regra a[href]:after da folha de estilo de impressão do Bootstrap.

Substituindo o estilo:

Adicione uma nova regra a[href]:after à sua própria folha de estilo de impressão e defina content: none !important; para desativar o estilo do Bootstrap:

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

Após a implementação dessas alterações, os links imprimirão apenas o conteúdo textual, conforme desejado:

Google