0

設定されたテキストを含むいくつかの div がありますdisplay:none。display:block画面上で、他の要素をクリックすると画面が変わる機能があります。

<div class="hiddenText" style="display:none">My hidden text</div>

ページを印刷してすべてのテキストを表示する必要があります。印刷用のcssファイルを追加し、隠しテキストの表示を指定しました

@media print {
   .hiddenText {
       display: block
   }
}

これを除いて、ドキュメントの印刷版のすべてのスタイルはうまく機能します。印刷可能にする最良の方法は何ですか?

4

2 に答える 2

2

インラインスタイルは、他の場所で指定されているルールよりも優先されます。インラインスタイルを上書きするには、!importantキーワードを使用してルールを強制します。

このようなものはおそらくトリックを行うでしょう：

@media print {
   .hiddenText {
       display: block !important;
   }
}

!importantCSSの特異性とは何の関係もありませんが、MDNの記事には、について説明しているセクションがあり!importantます。

！importantルールがスタイル宣言で使用される場合、この宣言は、宣言リスト内のどこにある場合でも、CSSで行われた他の宣言をオーバーライドします。ただし、！importantは特異性とは何の関係もありません。

于 2012-12-04T20:38:39.827 に答える
0

@media print印刷スタイルをこのようなものに入れる代わりに、<LINK REL="stylesheet" TYPE="text/css" MEDIA="print" HREF="foo.css">

于 2012-12-04T20:40:37.683 に答える