Chromeで印刷するときにhref値を削除する必要がある

印刷CSSをカスタマイズしようとしていますが、href値だけでなくリンクも含まれるリンクが印刷されることがわかりました。

これはChromeにあります。

このHTMLの場合：

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

それは印刷します：

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

そして私はそれを印刷したいです：

Google

ブートストラップは同じことを行います（...以下の選択した回答と同じです）。

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

そこから削除するか、独自の印刷スタイルシートでオーバーライドします。

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

それはしません。印刷スタイルシートのどこかに、次のコードセクションが必要です。

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

他の唯一の可能性はあなたがあなたのためにそれをしている拡張を持っていることです。

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

仕事は完璧です。

次の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ブラウズではうまく機能しませんでした。

アンカーにネストされた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;
   }
}

それは完璧に働きました。

おまけのヒント：印刷プレビューを確認する

ページのURLを非表示にします。

media="print"スタイルタグの例で使用：

<style type="text/css" media="print">
            @page {
                size: auto;   /* auto is the initial value */
                margin: 0;  /* this affects the margin in the printer settings */
            }
            @page { size: portrait; }
</style>

リンクを削除したい場合：

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

通常のユーザー向け。現在のページの検査ウィンドウを開きます。次のように入力します：

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

そうすると、印刷プレビューにURLリンクが表示されなくなります。