jquery打印区域打印css颜色答案

【问题标题】：Jquery print area print css colorsjquery打印区域打印css颜色
【发布时间】：2014-09-10 14:39:56
【问题描述】：

我正在使用 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',

提前致谢！

【问题讨论】：

这个问题你解决了吗？我也遇到了
是的，我必须从页面中删除引导程序并选择 css，然后只使用我需要的样式

标签： javascript jquery css jquery-plugins

【解决方案1】：

我认为这会解决你的问题：

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

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

【讨论】：