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

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!