Suppression des valeurs Href dans la sortie d'impression Chrome

Lors de la personnalisation du CSS d'impression dans Chrome, vous pouvez rencontrer un problème où les liens sont imprimés avec les deux le contenu textuel et la valeur href. Pour résoudre ce problème, procédez comme suit :

Pour référence, voici le code HTML initial :

Google

Comportement par défaut de Bootstrap :

Bootstrap inclut une feuille de style d'impression qui ajoute la valeur href aux liens entre parenthèses :

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

Désactivation ou remplacement du style de Bootstrap :

Pour supprimer les valeurs href, vous pouvez soit modifier la feuille de style d'impression de Bootstrap, soit la remplacer dans la vôtre :

Désactivation du style de Bootstrap :

Supprimez la règle a[href]:after de la feuille de style d'impression de Bootstrap.

Remplacement du style :

Ajoutez une nouvelle règle a[href]:after à votre propre feuille de style d'impression et définissez le contenu : none !important; pour désactiver le style de Bootstrap :

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

Après avoir mis en œuvre ces modifications, les liens imprimeront uniquement le contenu textuel, comme vous le souhaitez :

Google