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
Libérer: 2024-10-31 07:04:30
original
264 Les gens l'ont consulté

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>
Copier après la connexion

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

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

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal