Wie entferne ich gedruckte Href-Werte in Chrome?

Href-Werte während des Chrome-Drucks entfernen

Beim Versuch, Druck-CSS-Stile in Chrome anzupassen, kann es zu einem Problem kommen, bei dem Links gedruckt werden ihre href-Werte angehängt. Dies kann zu einer unerwünschten Ausgabe führen, wie im folgenden Beispiel zu sehen ist:

HTML:

<code class="html"><a href="http://www.google.com">Google</a></code>

Druckausgabe:

<code class="text">Google (http://www.google.com)</code>

Gewünschte Druckausgabe:

<code class="text">Google</code>

Um dieses Problem zu beheben, können Sie eine Lösung nutzen, die der in der ausgewählten Antwort vorgeschlagenen ähnelt. Bootstrap beispielsweise fügt über CSS Nachinhalte ein, die href-Werte mit dem gedruckten Text verknüpfen. Um dieses Verhalten zu deaktivieren, entfernen oder überschreiben Sie einfach die entsprechende CSS-Regel in Ihrem Druck-Stylesheet:

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

Durch die Anwendung dieser CSS-Regel können Sie das Drucken von href-Werten effektiv unterdrücken, was zu einem saubereren und prägnanteren Ergebnis führt gedruckte Ausgabe.

Das obige ist der detaillierte Inhalt vonWie entferne ich gedruckte Href-Werte in Chrome?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!