在不改變樣式的情況下從打印頁面中刪除href

我遇到一個問題，當我嘗試打印頁面時，每個鏈接都會在其後面獲得()之間的URL。我在這裏找到了multiple questions，並且解決方案正常工作。儘管如此，我還有另一個問題：在添加解決方案後，我的print.css中的樣式似乎被忽略。在不改變樣式的情況下從打印頁面中刪除href

我的CSS

.header-breadcrumb { 
    margin-top: 0 !important; 
} 

.nonPrint, hr, .shows-more, #videoGallery{ 
    display: none; 
} 

.single-event .container .col-md-9 { 
    width: 70%; 
    float: left; 
} 

.single-event .container .col-md-3 { 
    width: 30%; 
    float: left; 
} 

.single-calendar .table-responsive table tbody tr td { 
    padding: 2px 5px; 
} 

.single-description { 
    font-size: 10pt !important; 
} 

h1 { 
    font-size: 12pt !important; 
} 

.printLogo { 
    display: block !important; 
    width: 200px; 
    padding-left: 10px; 
}

但是當我添加

a:after { 
     display: none; 
     content: "";  
}

的字體大小被忽略，並跳回到其原始值（或者看起來是這樣）。我該如何解決？

左側顯示的文件應該看起來像（包括右側邊欄中的鏈接，必須移除），右側顯示的文件中刪除了href，但是其中的似乎忽略了print.css中的所有新款式。

來源

2015-11-11 Rvervuurt

您想從打印版本的每個**鏈接中刪除'（[href]）''？ –

在我的例子中，目前只有一個，但是，理論上我不想顯示任何鏈接的「href」。 – Rvervuurt

這是您想要更改的頁面，還是您爲無法直接訪問css文件的外國網站創建_print_樣式表？ –

否認我以前說過。在造型的差異來自於以下內容：

因爲這個CSS的，側邊欄必須填寫30％：

.single-event .container .col-md-3 { 
    width: 30%; 
    float: left; 
}

但由於它輸出的URL可能不被打破，直到第一個-，是30％的寬度意味着調整字體大小（Chrome自動執行）。隱藏URL使實際應用我嘗試通過CSS應用的字體大小成爲可能，使得一切都比原始文件更大，它實際上不會聽CSS。

捂臉

這可能在未來對其他2人是有用的，所以我會離開這裏的問題。

來源

2015-11-11 13:02:14 Rvervuurt

在不改變樣式的情況下從打印頁面中刪除href

回答

相關問題