Colori di testo non corretti durante la stampa della pagina HTML

Question

Perché i browser cambiano il colore del testo durante la stampa?

ad esempio, creare un documento HTML vuoto contenente:

<span style="color: #80b831">test</span> 
<button onclick="window.print()">Print</button> 

Esempio qui: http://jsfiddle.net/7z6c2/

Il span ha color: #80b831 sullo schermo, ma in fase di stampa (anche solo anteprima di stampa in Chrome) il colore è diverso (lime verdastro).

Se spuntare Chrome di "colori e immagini di sfondo" opzione in Anteprima di stampa, il colore corretto viene quindi utilizzato.

Cosa sta succedendo qui? Come posso visualizzare il colore giusto per impostazione predefinita? Questo ha qualcosa a che fare con i colori "sicuri per il web"?

Answer 1

Scegli questa Fiddle

Devi usare -webkit-print-color-regolare sull'elemento che si sta per stampare

Verificate anche qui per sapere di più su colore di stampa regolare https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-print-color-adjust

Answer 2

Un argomento un po 'vecchio, ma ancora questo potrebbe dover fare qualcosa con i colori sicuri per il web. Ecco un list di loro, ma non l'ho testato se ci sarà alcuna differenza a causa della mancanza di stampante.