打印頁面時a標簽不顯示URL的方法

以前寫博客啊，總想寫一篇大作，然后希望能掛到博客園首頁，隔一會兒看看閱讀量有多少。其實哪有那么多大作，大部分時間都是解決了一個小問題，然后需要記錄一下。比如下面這篇。

今天遇到一個需求是，打印網頁時，不要顯示a標簽的URL。如下圖：

這個問題出現的原因是bootstrap的樣式有這么一段:

@media print{
    a,a:visited {
        text-decoration: underline
    }

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

    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }
}

就是在打印時給a標簽加下划線，顯示鏈接，顯示縮寫全稱等

那么解決辦法也很簡單,就是在media print中給a標簽加個樣式:

@media print{
a:after{
    content:""!important;
}
}

參考鏈接:http://www.qdfuns.com/notes/18336/2c1d45bdb8b38a951d55d15a0fd3405a.html