Jquery печати Область печати CSS цвета

Question

Я использую printarea JQuery: https://github.com/RitsC/PrintArea

Но у меня мало проблем печатать цвета, когда я печать

Я хочу напечатать как это, когда я печатаю https://imagizer.imageshack.us/v2/815x185q90/673/ImZBHd.jpg

Вот что у меня есть: https://imagizer.imageshack.us/v2/437x549q90/674/dDkSRU.jpg

это мой JS:

$('#imprimir').on('click', function(){// busca os dados ao clicar no botão 
    $(".area_impressao").printArea({ 
     mode  : "iframe", 
     standard : "html5", 
     popTitle : 'relatorio', 
     popClose : false, 
     extraCss : '../css/impressao_retrato.css', 
     extraHead : '', 
     retainAttr : ["id","class","style"], 
     printDelay : 500, // tempo de atraso na impressao 
     printAlert : true, 
     printMsg : 'Aguarde a impressão' 
    }); 
}); 

Я также попытался изменить эту строку, но не работало:

extraCss : '../css/impressao_retrato.css, ../css/style.css, ../css/main.css', 

Спасибо заранее!

Answer 1

Я думаю, что это решит вашу проблему:

Создайте файл CSS, поместить все печатные элементы в нем (видимый при печати). Пожалуйста, сделайте мир одолжением и не печатайте свои попытки, используйте pdf-генератор в качестве принтера.

@media print { 
.myCustom{color:#88000;background-color:#FF0000} 
/*Set here your custom stiles as you want, each element*/ 
}