Comment supprimer les valeurs Href imprimées dans Chrome ?

Suppression des valeurs Href lors de l'impression Chrome

Lorsque vous essayez de personnaliser les styles CSS d'impression dans Chrome, vous pouvez rencontrer un problème où les liens sont imprimés avec leurs valeurs href annexées. Cela peut conduire à une sortie indésirable, comme le montre l'exemple suivant :

HTML :

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

Sortie d'impression :

<code class="text">Google (http://www.google.com)</code>

Sortie d'impression souhaitée :

<code class="text">Google</code>

Pour remédier à ce problème, vous pouvez exploiter une solution similaire à celle proposée dans la réponse sélectionnée. Bootstrap, par exemple, insère un contenu ultérieur reliant les valeurs href au texte imprimé via CSS. Pour désactiver ce comportement, supprimez ou remplacez simplement la règle CSS appropriée dans votre feuille de style d'impression :

<code class="css">@media print {
  a[href]:after {
    content: none !important;
  }
}</code>

En appliquant cette règle CSS, vous pouvez supprimer efficacement l'impression des valeurs href, ce qui donne un résultat plus propre et plus concis. sortie imprimée.

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!