bootstrap :: change background中的CSS/SCSS/bootstrap :: override打印设置：透明！重要的颜色

Question

我有一个引导CSS /打印问题。

在引导CSS（reset.css）一切都被清除打印

@media print { 
    * { 
    text-shadow: none !important; 
    color: black !important; 
    background: transparent !important; 
    box-shadow: none !important; 
    } 
} 

但我不得不彩色打印几行。我的表看起来像这样：

<div class="container"> 
    <div id="task-summary"> 
     <div id="process-summary"> 
      <table class="table table-condensed"> 
       <tbody> 
        <tr class="success"> 
         <td> 

我这个内嵌到我的代码，但它不工作：

@media print { 

    #task-summary{ 
    .success{ 
     background-color: #DFF0D7 !important; 
    } 
    } 
} 

如果CSS是通过使用显示器除外我已经尝试过：无..它工作（行不显示），似乎是在正确的地方。

有人有一个想法如何我可以设法覆盖bootstrap css命令，而无需编辑boot.cpp的reset.css？

Answer 1

@media print { 
    .success { 
     background-color: #DFF0D7 !important; 
    }  
} 

或者

@media print { 
    #task-summary .success { 
     background-color: #DFF0D7 !important; 
    } 
} 

或者

@media print { 
    #task-summary > #process-summary .success { 
     background-color: #DFF0D7; 
    } 
} 

Answer 2

我有同样的问题。当您打印页面时，background-color: ...;选项在表格行不起作用。将CSS选择器更改为：

@media print { 

    #task-summary .success td { 
    background-color: #DFF0D7 !important; 

    /* add this line for better support in chrome */ 
    -webkit-print-color-adjust:exact; 
    } 
} 

在更改之后，所有内容都应该可以正常工作。