首頁 > web前端 > css教學 > 如何防止在 Chrome 中列印連結及其 Href 值?

如何防止在 Chrome 中列印連結及其 Href 值?

Mary-Kate Olsen
發布: 2024-10-31 04:55:30
原創
248 人瀏覽過

How to Prevent Links from Printing with Their Href Values in Chrome?

在Chrome 中不使用Href 值列印

嘗試自訂用於列印的CSS 時,您可能會遇到連結列印時帶有其連結的問題href 值。 Chrome 中就是這種情況。例如,如果您有以下HTML:

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

它將列印為:

Google (http://www.google.com)
登入後複製

要解決此問題並僅列印連結文本,您可以使用以下命令列印樣式表的CSS 片段:

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

這將覆寫Bootstrap 的預設行為並列印不帶href 值的連結。

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

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