首頁 > web前端 > css教學 > 如何刪除 Chrome 中列印的 Href 值?

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

Linda Hamilton
發布: 2024-11-03 01:26:29
原創
849 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板