Chrome 印刷出力の Href 値の削除

Chrome で印刷 CSS をカスタマイズすると、リンクが両方の形式で印刷されるという問題が発生することがあります。テキストコンテンツとhref値。これを解決するには、次の手順に従ってください:

参考までに、最初の HTML を次に示します:

Google

Bootstrap のデフォルト動作:

Bootstrap には、括弧内のリンクに href 値を追加する印刷スタイルシートが含まれています:

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

ブートストラップのスタイルの無効化またはオーバーライド:

href 値を削除するには、ブートストラップの印刷スタイルシートを変更するか、独自のスタイルシートでオーバーライドします:

Bootstrap のスタイルを無効にする:

Bootstrap の印刷スタイルシートから a[href]:after ルールを削除します。

スタイルのオーバーライド:

新しい a[href]:after ルールを独自の印刷スタイルシートに追加し、内容を設定します: none !重要; Bootstrap のスタイルを無効にするには:

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

これらの変更を実装すると、リンクは必要に応じてテキスト コンテンツのみを印刷します:

Google