JS print - CSS Textfarbe wird nicht angezeigt

Question

Ich mache eine Rechnung in HTML & CSS. Das Ziel ist, dass nach dem Ausfüllen die Rechnung gedruckt wird. Aber aus irgendeinem Grund druckt es nicht die CSS-Farbe des Textes. Der gesamte Text ist schwarz. Alle anderen CSS-Styling funktioniert, wie font-family, font-size, font-weight ...

Dies ist das Original in HTML & CSS:

Und das ist, was gedruckt wird:

Das Drucken erfolgt mit js: window.print();

Weiß jemand, warum CSS-Farbe nicht funktioniert?

EDIT: der Titel in einer Tabelle mit ID platziert 'factuur':

<td id="factuurTitel">Stukadoorwerken Vanhees Frank</td> 

Der Titel dieses CSS hat:

#factuurTitel { 
    font-weight: bold; 
    font-size: 30px; 
    color: #194197; 
    text-align: center; 
    vertical-align: middle; 
    font-family: 'Carrois Gothic SC', Calibri, sans-serif; 
} 

Ich habe diese @media print:

@media print { 
    body * { 
     visibility: hidden; 
    } 

    #factuur, #factuur * { 
     visibility: visible; 
    } 

    @page { 
     margin: 0; 
    } 
} 

Ich habe versucht, #factuurTitel { color: #194197; } hinzuzufügen die @media print.

Answer 1

Normalerweise JS Druck nur Griffe HTML-Inhalte allein, wenn Sie wollen Stylings geben, drucken Verwenden Sie separate Medienabfrage Druck in Ihrer CSS-Datei:

@media print 
    { 
     /* your css goes here */ 
    } 

Answer 2

#factuur, #factuur * { 
    -webkit-print-color-adjust: exact; 
    color-adjust: exact; 
} 

Die in Webkit-Browsern funktionieren und die neueste Firefox Updates, sonst gibt es keine andere bekannte Lösung. Ich hatte das selbe Problem selbst.