@media打印不使用背景和颜色

Question

我有我的HTML，我想在打印预览或打印页面时应用颜色。 但问题是，它不起作用。 我也试过

@media print {
  tbody tr:nth-child(odd) {
  background: rgba(170, 184, 255, 0.4) !important;
  -webkit-print-color-adjust:  exact; 
 }
}

@media screen {
  tbody tr:nth-child(odd) {
  background: rgba(170, 184, 255, 0.4) !important;
  -webkit-print-color-adjust:  exact; 
 }
}

但它不会在打印预览中应用颜色。 我阅读了this之类的相关问题，但它没有帮助。 我该怎么做才能解决它。

为了更好地理解，我在jsfiddle中有更新的代码。 https://jsfiddle.net/8v4gn4Lu/