Heim >Web-Frontend >CSS-Tutorial >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:
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!