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

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!