ホームページ > ウェブフロントエンド > CSSチュートリアル > Chrome で印刷された Href 値を削除するにはどうすればよいですか?

Chrome で印刷された Href 値を削除するにはどうすればよいですか?

Linda Hamilton
リリース: 2024-11-03 01:26:29
オリジナル
851 人が閲覧しました

How to Remove Printed Href Values in Chrome?

Chrome 印刷中の Href 値の削除

Chrome で印刷 CSS スタイルをカスタマイズしようとすると、リンクが次のように印刷されるという問題が発生する可能性があります。 href 値が追加されます。これにより、次の例に示すように、望ましくない出力が発生する可能性があります。

HTML:

<code class="html"><a href="http://www.google.com">Google</a></code>
ログイン後にコピー

Print Output:

<code class="text">Google (http://www.google.com)</code>
ログイン後にコピー

Desired Print Output:

<code class="text">Google</code>
ログイン後にコピー

この問題を修正するには、選択した回答で提案されているものと同様の解決策を利用できます。たとえば、ブートストラップは、CSS を介して、印刷されたテキストにリンクする href 値をアフターコンテンツに挿入します。この動作を無効にするには、印刷スタイルシート内の関連する CSS ルールを削除するか上書きするだけです:

<code class="css">@media print {
  a[href]:after {
    content: none !important;
  }
}</code>
ログイン後にコピー

この CSS ルールを適用すると、href 値の印刷を効果的に抑制でき、その結果、よりクリーンで簡潔な結果が得られます。印刷出力。

以上がChrome で印刷された Href 値を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート