首頁  >  文章  >  web前端  >  如何刪除 Chrome 中列印的 Href 值?

如何刪除 Chrome 中列印的 Href 值?

Linda Hamilton
Linda Hamilton原創
2024-11-03 01:26:29794瀏覽

How to Remove Printed Href Values in Chrome?

在Chrome 列印期間刪除Href 值

嘗試在Chrome 中自訂列印CSS 樣式時,您可能會遇到列印連結時出現的問題附加了它們的href 值。這可能會導致不必要的輸出,如下例所示:

HTML:

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

列印輸出:

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

所需的列印輸出:

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

要解決此問題,您可以利用與所選答案中提出的解決方案類似的解決方案。例如,Bootstrap 會在內容後插入透過 CSS 將 href 值連結到列印文字的內容。要停用此行為,只需刪除或覆蓋列印樣式表中的相關CSS 規則即可:

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

透過套用此CSS 規則,您可以有效地抑制href 值的列印,從而獲得更乾淨、更簡潔的效果列印輸出。

以上是如何刪除 Chrome 中列印的 Href 值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn