Firefoxは白い色を印刷していません

Question

私は白い色の<h2>を印刷しています。

赤、緑、青などの他の色で印刷しようとすると、正しい色（正しい色）で印刷されますが、白で印刷するコードを追加すると、黒に変わり、印刷されます。

.text-container { 
 
    position: relative; 
 
} 
 

 
.text { 
 
    position: fixed; 
 
    width: 100%; 
 
    bottom: 0; 
 
    background-color: #000000 !important; 
 
    opacity: 0.5; 
 
    -webkit-print-color-adjust: exact; 
 
    color-adjust: exact; 
 
} 
 

 
h2, 
 
h3 { 
 
    color: #ffffff !important; 
 
    margin: 0.05208in; 
 
    -webkit-print-color-adjust: exact; 
 
    color-adjust: exact; 
 
}

<div class="text-container"> 
 
    <div class="text-center text"> 
 
    <h2>Som Text</h2> 
 
    <h3>Some more text</h3> 
 
    <h3>Some more text</h3> 
 
    </div> 
 
</div>

これは私のコードです。 単純な<p>タグでテキストをテストしても、同じ問題が反映されます。それはクロムで完璧に動作します。

Answer 1

さらに重要！-webkit-print-color-adjustに追加してください。それでもあなたは、正確な色をしたい場合、これは...このように印刷@mediaに入れて、すべてのFirefoxで

@media print { 
    h2, h3 { 
    color: #ffffff !important; 
    -webkit-print-color-adjust: exact !important; 
    color-adjust: exact !important; 
    } 
} 

を動作するはずです、あなたは、デフォルトでは、プリンタ、外観と印刷背景色でそれを確認する必要があり、それはオフです、画像を見て、これは私のために働いた、以下のようにお使いのプリンタウィンドウの設定でそれを確認してください。