使用phantomjs将页面渲染为pdf时，外部和局部css会被忽略

Question

我想知道是否有办法强制phamtonjs阅读/尊重我的CSS样式。我当前使用angular和ui-grid来生成表格，当表格中的值满足条件时（如果值> 1000），它将被分配给特定的css类。然后我将使用phantomjs生成一个pdf文件

CSS

.data-records-alarm {
color: red !important;
text-align: center;}

我注意到它识别＆＃34; text-align：center;＆＃34;财产，但它不会识别/执行颜色＆＃34;颜色：红色！重要;＆＃34;我也试过＆＃34;颜色：红色;＆＃34;或移动CSS样式并在我的html文件中本地使用它但它不起作用。

我目前正在使用Phantomjs 2.0.0并使用Chrome / Firefox进行测试

Answer 1

我让它发挥作用的唯一方法是使用-webkit-text-fill-color代替color

.data-records-alarm {
    -webkit-text-fill-color: red !important;
    text-align: center;}