Web ページを印刷するときに要素を非表示にするにはどうすればいいですか? 質問する

Web ページを印刷するときに要素を非表示にするにはどうすればいいですか? 質問する

私の Web ページには、Web ページを印刷するためのリンクがあります。ただし、リンクは印刷物自体にも表示されます。

印刷リンクをクリックしたときにリンク ボタンを非表示にする JavaScript または HTML コードはありますか?

例:

 "Good Evening"
 Print (click Here To Print)

「Good Evening」というテキストを印刷するときに、この「印刷」ラベルを非表示にしたいです。「印刷」ラベルは、印刷物自体には表示されません。

ベストアンサー1

スタイルシートに以下を追加します:

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

次に、class='no-print'ボタンなど、印刷バージョンに表示したくないものを HTML に追加します (または、既存のクラス ステートメントに no-print クラスを追加します)。

おすすめ記事