JS打印 - CSS文本颜色不显示

-1

我在HTML中制作发票& CSS。目标是在填写完成后，打印发票。但由于某些原因，它不打印文本的CSS颜色。所有文字都是黑色的。所有其他的CSS样式的作品，像font-family，font-size，font-weight ...JS打印 - CSS文本颜色不显示

这是HTML CSS &原：

enter image description here

而这就是印：

enter image description here

打印是用js完成的：window.print();

有谁知道为什么CSS颜色不起作用？

编辑：标题被放置在一个表ID 'factuur'：

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

标题有这个CSS：

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

我有这个@media print：

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

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

    @page { 
     margin: 0; 
    } 
}

我已经尝试加入#factuurTitel { color: #194197; }@media print。

来源

2016-07-28 Sarenza

请不要破坏你的帖子。 –

通常JS只打印处理HTML内容别说如果你想给花式打印，使用独立的媒体查询打印在你的CSS文件：

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

来源

2016-07-28 10:19:48 Sankar

我已经试过..颜色是stil没有显示 – Sarenza

你能告诉我们你试过的吗 – Sankar

我试过很多东西，我什至不知道了。但所有的造型都在工作，除了颜色.. – Sarenza

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

这个工作在WebKit浏览器和最新的Firefox更新，否则没有其他已知的解决方案。我自己也有同样的问题。

来源

2018-02-28 11:09:56 Ujuziekampala

JS打印 - CSS文本颜色不显示

回答

相关问题