Heim  >  Artikel  >  Web-Frontend  >  Wie unterdrücke ich HREF-Werte in Chrome-Ausdrucken?

Wie unterdrücke ich HREF-Werte in Chrome-Ausdrucken?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-10-31 05:21:30761Durchsuche

How to Suppress HREF Values in Chrome Printouts?

Unterdrücken von HREF-Werten in Chrome-Ausdrucken

Beim Anpassen von Druckstilen in Chrome kann es zu einem Problem kommen, bei dem Links mit beiden Texten gedruckt werden und ihre HREF-Werte. Dies kann ablenkend und ästhetisch unattraktiv sein.

Um dieses Problem zu lösen, ziehen Sie die folgenden Lösungen in Betracht:

Bootstrap's Print Media Rule

Bootstrap, ein beliebtes Das CSS-Framework enthält eine Printmedienregel, die HREF-Werte an Links anhängt. Um dieses Verhalten zu deaktivieren:

  • Öffnen Sie Ihr Druck-Stylesheet oder erstellen Sie eines.
  • Fügen Sie die folgende Regel hinzu:
<code class="css">@media print {
  a[href]:after {
    content: none !important;
  }
}</code>

Dadurch wird die Regel von Bootstrap außer Kraft gesetzt und verhindern, dass HREF-Werte gedruckt werden.

Benutzerdefinierte CSS-Überschreibung

Alternativ können Sie Ihre eigene CSS-Regel erstellen, um das Standardverhalten zu überschreiben:

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

Fügen Sie diese Regel zu Ihrem Druck-Stylesheet hinzu, um HREF-Werte beim Drucken in Chrome zu unterdrücken.

Das obige ist der detaillierte Inhalt vonWie unterdrücke ich HREF-Werte in Chrome-Ausdrucken?. 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