Jquery打印区域打印css颜色

Jquery print area print css colors

本文关键字：打印 颜色 css 区域 Jquery      更新时间：2023-09-26

我正在使用打印区域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',

提前感谢！

我认为这将解决您的问题：

创建一个CSS文件，将所有可打印的元素（打印时可见的元素）放入其中。请帮世界一个忙，不要打印你的尝试，使用pdf生成器作为打印机。

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