Heim >Web-Frontend >CSS-Tutorial >Wie entferne ich Href-Werte aus der Chrome-Druckausgabe?

Wie entferne ich Href-Werte aus der Chrome-Druckausgabe?

Susan Sarandon
Susan SarandonOriginal
2024-11-02 08:36:03314Durchsuche

How to Remove Href Values from Chrome Print Output?

Entfernen von Href-Werten in der Chrome-Druckausgabe

Beim Anpassen von Druck-CSS in Chrome kann es zu einem Problem kommen, bei dem Links mit beiden gedruckt werden Textinhalt und der href-Wert. Um dieses Problem zu beheben, führen Sie die folgenden Schritte aus:

Als Referenz hier der anfängliche HTML-Code:

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

Standardverhalten von Bootstrap:

Bootstrap enthält a Drucken Sie ein Stylesheet, das den href-Wert an Links in Klammern anhängt:

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

Bootstraps Stil deaktivieren oder überschreiben:

Um die href-Werte zu entfernen, können Sie entweder Bootstraps ändern Druck-Stylesheet oder überschreiben Sie es in Ihrem eigenen:

Bootstraps Stil deaktivieren:

Entfernen Sie die a[href]:after-Regel aus Bootstraps Druck-Stylesheet.

Überschreiben des Stils:

Fügen Sie eine neue a[href]:after-Regel zu Ihrem eigenen Druck-Stylesheet hinzu und legen Sie den Inhalt fest: none !important; So deaktivieren Sie das Bootstrap-Styling:

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

Nach der Implementierung dieser Änderungen drucken Links wie gewünscht nur den Textinhalt:

Google

Das obige ist der detaillierte Inhalt vonWie entferne ich Href-Werte aus der Chrome-Druckausgabe?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn