在Chrome中打印時需要刪除href值

240

我試圖自定義打印CSS，並發現它打印鏈接與href價值以及鏈接。在Chrome中打印時需要刪除href值

這是在Chrome中。

對於這個HTML：

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

它打印：

Google (http://www.google.com)

而且我希望它打印：

Google

來源

2011-09-04 Chris Gratigny

請記住爲什麼每個主要的CSS框架都這樣做 - 你不能點擊紙張！所以如果你要停用它，你應該在底部添加一個鏈接列表，例如：https：//alistapart.com/article/improvingprint – Julix

It doesn't。

a[href]::after { 
    content: " (" attr(href) ")" 
}

唯一的可能是你有分機這樣做是爲了你：某處在您的打印樣式表，你必須有這部分代碼。

來源

2011-09-04 20:46:59 Eric

我在zurb基礎css中獲得了它。 – forX

我有同樣的問題，但因爲我使用了HTML5 Boilerplate，並且它具有Eric在style.css媒體查詢中發佈的打印規則。只需從那裏刪除它。

來源

2012-05-20 12:30:10

511

Bootstrap執行相同的操作（...作爲下面所選的答案）。

@media print { 
    a[href]:after { 
    content: " (" attr(href) ")"; 
    } 
}

剛剛從那裏刪除它，或覆蓋在你自己的打印樣式表：

@media print { 
    a[href]:after { 
    content: none !important; 
    } 
}

來源

2013-02-18 07:08:26

基金會也是如此。 – fny

+11

''當我不斷回到這個頁面時，大部分時間貼出來，謝謝 –

不酷，引導！ :) – pettys

如果您使用以下CSS

<link href="~/Content/common/bootstrap.css" rel="stylesheet" type="text/css" /> 
<link href="~/Content/common/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
<link href="~/Content/common/site.css" rel="stylesheet" type="text/css" />

只是把它變成下面的樣式由加入media =「screen」

<link href="~/Content/common/bootstrap.css" rel="stylesheet" **media="screen"** type="text/css" /> 
<link href="~/Content/common/bootstrap.min.css" rel="stylesheet" **media="screen"** type="text/css" /> 
<link href="~/Content/common/site.css" rel="stylesheet" **media="screen"** type="text/css" />

我認爲它會工作。

像

@media print { 
    a[href]:after { 
    content: none !important; 
    } 
}

前者的答案在Chrome瀏覽中效果並不好。

來源

2016-11-17 00:53:33

確保你清除緩存以停止陳舊CSS – kurdtpage

這應該是被接受的答案。 –

我遇到了類似的問題只與我的錨嵌套IMG：

<a href="some/link"> 
    <img src="some/src"> 
</a>

當我申請

@media print { 
    a[href]:after { 
     content: none !important; 
    } 
}

我失去了我的IMG，由於某種原因，整個錨寬度，所以不是我用過：

@media print { 
    a[href]:after { 
     visibility: hidden; 
    } 
}

這是完美的工作。

特別提示：inspect print preview

來源

2017-09-25 16:29:41 TrampGuy

對於普通用戶。打開當前頁面的檢查窗口。和類型：

l = document.getElementsByTagName("a"); 
for (var i =0; i<l.length; i++) { 
    l[i].href = ""; 
}

然後，你就不得見打印預覽中的URL鏈接。

來源

2018-01-30 07:50:25

@media print { 
 
    a[href]:after { 
 
     display: none; 
 
     visibility: hidden; 
 
    } 
 
}

工作的完善。

來源

2018-02-10 15:35:01

在Chrome中打印時需要刪除href值

回答

相關問題