Eliminación de valores Href en la salida de impresión de Chrome

Al personalizar la impresión CSS en Chrome, es posible que encuentres un problema en el que los enlaces se imprimen con ambos contenido textual y el valor href. Para resolver este problema, sigue estos pasos:

Como referencia, aquí tienes el HTML inicial:

Google

Comportamiento predeterminado de Bootstrap:

Bootstrap incluye una hoja de estilo de impresión que agrega el valor href a los enlaces entre paréntesis:

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

Deshabilitar o anular el estilo de Bootstrap:

Para eliminar los valores href, puede modificar la hoja de estilos de impresión de Bootstrap o anularla con la suya propia:

Deshabilitar el estilo de Bootstrap:

Eliminar la regla a[href]:after de la hoja de estilos de impresión de Bootstrap.

Anular el estilo:

Agregue una nueva regla a[href]:after a su propia hoja de estilo de impresión y establezca el contenido: none !important; para deshabilitar el estilo de Bootstrap:

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

Después de implementar estos cambios, los enlaces imprimirán solo el contenido textual, según se desee:

Google