Comment supprimer les valeurs Href de la sortie d'impression Chrome ?

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, suivez ces étapes :

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

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

Comportement par défaut de Bootstrap :

Bootstrap inclut un imprimer une feuille de style qui ajoute la valeur href aux liens entre parenthèses :

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

Désactiver ou remplacer le style de Bootstrap :

Pour supprimer les valeurs href, vous pouvez soit modifier la valeur de Bootstrap imprimez la feuille de style ou remplacez-la par 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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!