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

如何從 Chrome 列印輸出中刪除 Href 值?

Susan Sarandon
發布: 2024-11-02 08:36:03
原創
333 人瀏覽過

How to Remove Href Values from Chrome Print Output?

刪除Chrome 列印輸出中的Href 值

在Chrome 中自訂列印CSS 時,您可能會遇到以下問題:連結同時列印文字內容和href 值。要解決此問題,請按照以下步驟操作:

作為參考,這裡是初始HTML:

<a href="http://www.google.com">Google</a>
登入後複製

Bootstrap 的預設行為:

Bootstrap 的預設行為:

@media print {
  a[href]:after {
    content: " (" attr(href) ")";
  }
}
登入後複製

Bootstrap 的預設行為:

Bootstrap 的預設行為:

Bootstrap 的預設行為:

Bootstrap >Bootstrap 包括列印將href值附加到括號中的連結的樣式表:

停用或覆寫Bootstrap 的樣式:

要刪除href 值,您可以修改Bootstrap 的樣式列印樣式表或在您自己的樣式表中覆寫它:

@media print {
  a[href]:after {
    content: none !important;
  }
}
登入後複製

停用Bootstrap的樣式:

Google
登入後複製
從 Bootstrap 的列印樣式表中刪除 a[href]:after 規則。 覆蓋樣式:新增新的 a[href]:after 規則到您自己的列印樣式表並設定內容:none !important;停用 Bootstrap的樣式:實施這些變更後,連結將根據需要僅列印文字內容:

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

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