我使用twitter-bootstrap作为我的HTML的主要样式。
我有一个表，这是生成（从ember应用程序）和表的每个单元格有一个背景颜色设置，以指示特定的状态。颜色由类选择器设置。
这个工作完美的屏幕，但打印时我只是得到白色的背景颜色，因为引导定义如下：

@media print {
  .table td, .table th {
    background-color: #fff !important;
  }
}

我的HTML看起来像这样：

<table class-"table table-condensed>
   <tr>
     <td class="bg-color1>Content</td>
     <td class="bg-color2>Content</td>
   </tr>
</table>

我的CSS看起来像这样：

.bg-color1 {
  background-color: #ababab;
}
.bg-color2 {
  background-color: #bababa;
}
@media print {
 .bg-color1 {
   background-color: #ababab;
 }
 .bg-color2 {
   background-color: #bababa;
 }
}

如果我在打印媒体类描述中使用!important，它仍然不起作用。此外，如果我添加以下内容来“撤消” Bootstrap 中的td th设置，它将不起作用，因为这将优先于我的类设置，因此打印时我仍然无法获得颜色

@media print {
 .table td, .table th {
   background-color: initial !important;
  }
}

使用bootstrap类选择器打印时，似乎没有办法获得彩色背景。有没有人对此有一个解决方案。