Es necesario eliminar los valores href al imprimir en Chrome

Estoy intentando personalizar el CSS de impresión y descubro que imprime enlaces con el hrefvalor y el enlace.

Esto está en Chrome.

Para este HTML:

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

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) ")";
  }
}

Simplemente quítelo de allí o anúlelo en su propia hoja de estilo de impresión:

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

No lo hace . 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 tenga una extensión que lo haga por usted.

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

El trabajo es perfecto.

Si usa el siguiente 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" />

simplemente cámbielo al siguiente estilo agregando media = "pantalla"

<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" />

Creo que funcionará.

las respuestas anteriores como

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

no funcionaron bien en el navegador Chrome.

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

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

Cuando apliqué

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

Perdí mi img y todo el ancho del ancla por alguna razón, así que en su lugar usé:

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

que funcionó perfectamente

Consejo adicional : inspeccione la vista previa de impresión

Para ocultar la URL de la página.

uso media="print"en estilo tage ejemplo:

<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>

Si quieres eliminar enlaces:

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

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<l.length; i++) {
    l[i].href = "";
}

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