Question

我正在使用普通的bootstrap.css并用样式表覆盖样式。 Bootstrap 3具有打印介质查询，可以使任何具有.table类的表以纯白色背景打印。

我的问题是：我用什么css来覆盖表格单元格的Bootstrap的css设置？

我的表是：

<table class="table table-condensed table-bordered">
    <tr class="table-stripe">

注意：我创建了自己的类table-stripe，因为我的表太复杂而无法使用内置的表条带类（每个信息块实际上是两行）。但是，内置的.table-striped会有同样的问题。

Bootstrap中的行在打印时将所有单元格设置为白色：

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

我不知道在我的覆盖css文件中使用什么来将td覆盖设置为“无”。

@media print {
    .table td,
    .table th {
        /* what goes here? */
    }

    .table-stripe {
            background-color: #dedede;
    }
}

谢谢大家。

Answer 1

基于这个建议，我设法让我的css覆盖，以便在打印预览中显示表格条带，并带有以下内容：

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

    .table-stripe {
            background-color: #dedede !important;
    }
}

Answer 2

从引导程序中删除!important;

添加此内容以替换background-color: inherit !important;

Bootstrap 3.2.0。覆盖表格单元格的打印介质css设置

2 个答案: