打印时文字不保留颜色 - Chrome

Question

function calc_total() {
  $("#total").text(formatCurrency(parseFloat($("#netPerW").text().replace(",", "")) + parseFloat($("#netPerC").text().replace(",", "")) + parseFloat($("#netPerSB").text().replace(",", "")) + parseFloat($("#netPerDB").text().replace(",", ""))));
  Total = parseFloat($("#netPerW").text().replace(",", "")) + parseFloat($("#netPerC").text().replace(",", "")) + parseFloat($("#netPerSB").text().replace(",", "")) + parseFloat($("#netPerDB").text().replace(",", ""));
  if (Total > 0) {
    $('#total').css('color', 'green');
    }
  else {
    $('#total').css('color', 'red');
  }
}

以上是我的计算总数并根据条件更改文字颜色的功能，但是当我尝试打印时，颜色全部恢复为默认黑色。

@media print {
#total {
    -webkit-print-color-adjust: exact !important;
  }
}

我尝试了很多不同的变化，但没有效果。

无论如何我可以在html或javascript中添加样式标签来实现我在打印时保留文本颜色的目标吗？