私の 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 クラスを追加します)。