<div styleName="item" key={index} style={{ backgroundColor: color[index] }}>
所以颜色[索引]是十六进制颜色(例如ffffff)。
我可以在网页浏览器中看到正确的颜色,但由于某些原因,这在打印预览中不起作用。
我试图添加“蓝色”而不是颜色[索引],这在web浏览器中有效,但它没有更新打印预览。
我认为内联样式不适用于打印。
我需要动态生成颜色,这样我就不能只在css文件中使用一种颜色。
有没有人经历过同样的问题?
铬合金:
在打印预览模式下:
最佳答案
您可能需要在主css文件中包含此@media print属性:
@media print {
body {
-webkit-print-color-adjust: exact;
}
}
chrome打印设置中还有一个复选框,上面写着“背景图形”,您可能需要选中它。
关于javascript - React中的内联样式在打印模式下不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42103202/