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

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

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

これは Chrome です。

この HTML の場合:

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

次のように印刷されます:

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

そして、次のように印刷したいのです:

Google

ベストアンサー1

Bootstrap は同じことを行います (... 下記の選択した回答と同じ)。

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

そこから削除するか、独自の印刷スタイルシートで上書きするだけです。

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

おすすめ記事