Chrome のプリントアウトで HREF 値を抑制するにはどうすればよいですか?

Chrome の印刷出力で HREF 値を抑制する

Chrome で印刷スタイルをカスタマイズすると、リンクが両方のテキストとともに印刷されるという問題が発生する場合があります。とそのHREF値。これは気が散り、見た目にも魅力的ではない可能性があります。

この問題を解決するには、次の解決策を検討してください。

Bootstrap の印刷メディア ルール

Bootstrap、人気のあるCSS フレームワークには、リンクに HREF 値を追加する印刷メディア ルールが含まれています。この動作を無効にするには:

• 印刷スタイルシートを開くか、作成します。
• 次のルールを追加します:

<code class="css">@media print {
  a[href]:after {
    content: none !important;
  }
}</code>

これはブートストラップのルールをオーバーライドします

カスタム CSS オーバーライド

または、独自の CSS ルールを作成してデフォルトの動作をオーバーライドすることもできます:

<code class="css">@media print {
  a[href]:after {
    content: none !important;
  }
}</code>

Chrome で印刷するときに HREF 値を抑制するには、このルールを印刷スタイルシートに追加します。

以上がChrome のプリントアウトで HREF 値を抑制するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。