Necesita eliminar los valores href al imprimir en Chrome

Estoy intentando personalizar el CSS de impresión y encontrar que imprime enlaces con el valor href así como con el enlace.

Esto está en Chrome.

Para este HTML:

 Google 

Imprime:

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

Y quiero que se imprima:

 Google 

Bootstrap hace lo mismo (… como la respuesta seleccionada a continuación).

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

Solo elimínalo de allí o anótalo en tu propia hoja de estilo de impresión:

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

No es así En algún lugar de su hoja de estilo de impresión, debe tener esta sección de código:

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

La única otra posibilidad es que tengas una extensión haciéndolo por ti.

Si usas el siguiente CSS

    

simplemente cámbielo al siguiente estilo agregando media = “screen”

    

Creo que funcionará.

las primeras respuestas como

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

no funcionó bien en el navegador Chrome.

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

Encontré un problema similar solo con una img anidada en mi ancla:

    

Cuando apliqué

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

Perdí mi img y todo el ancho del ancla por algún motivo, así que en su lugar utilicé:

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

que funcionó perfectamente

Sugerencia de bonificación : inspeccionar la vista previa de impresión

Para usuarios normales. Abra la ventana de inspección de la página actual. Y escribe:

 l = document.getElementsByTagName("a"); for (var i =0; i 

Entonces no verá los enlaces de la url en la vista previa de impresión.