Maison >interface Web >tutoriel CSS >Comment empêcher l'impression des attributs Href dans Chrome ?

Comment empêcher l'impression des attributs Href dans Chrome ?

Susan Sarandon
Susan Sarandonoriginal
2024-10-31 07:04:30263parcourir

How to Prevent Href Attributes from Printing in Chrome?

Élimination des attributs Href lors de l'impression Chrome : une personnalisation CSS

De nombreux utilisateurs rencontrent un problème lors de la personnalisation du CSS d'impression dans Chrome : les valeurs href sont imprimées à côté du texte du lien hypertexte. Pour résoudre ce problème, implémentez la solution suivante :

Bootstrap CSS inclut une règle de mode d'impression qui ajoute la valeur href après le texte du lien :

<code class="css">@media print {
  a[href]:after {
    content: " (" attr(href) ")";
  }
}</code>

Pour supprimer l'affichage href, modifiez le feuille de style d'impression :

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

Cette modification remplace la règle Bootstrap, garantissant que seul le texte du lien est imprimé.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn