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

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