Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

Mary-Kate Olsen
Freigeben: 2024-10-31 05:21:30
Original
760 Leute haben es durchsucht

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>
Nach dem Login kopieren
Nach dem Login kopieren

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>
Nach dem Login kopieren
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!