當使用phantomjs將頁面呈現爲pdf時，外部和本地css被忽略

Question

我想知道是否有辦法強制phamtonjs閱讀/尊重我的CSS樣式。我目前正在使用angular和ui-grid生成一個表，當表中的值滿足條件時（如果值> 1000），它將被分配給特定的css類。然後，我將使用phantomjs

CSS生成PDF文件

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

我已經注意到，它認識到 「文本對齊：中心;」財產，但它不會識別/執行顏色「顏色：紅色！重要」;我也嘗試過「顏色：紅色」。或移動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;}