印刷スタイルで要素を表示することはChromeの印刷プレビューに表示されません

Question

私のウェブページの印刷版にしか表示したくない連絡フォームがあります。私は小枝、およびお問い合わせフォーム7

<div class='print-only'>{{ content.accept_form }}</div> 

とCSSでを使用しています：

.print-only { 
    display: none; 
} 

私が持っている印刷スタイルがある：

@media print { 
    transition: none !important; 

    div, p, ul { 
     page-break-before: avoid; 
    } 

    .print-only { 
     display: block !important; 
    } 
} 

エミュレート印刷でページを見ながらChrome Dev Toolsを使用しても問題はありませんが、実際に印刷するために印刷ダイアログを開いたときには表示されません。

Answer 1

この問題は、要素の一部のアニメーションが表示されないことが原因であることが判明しました。私はアニメーションを削除し、それは正常に働いた！