我有一个bootstrap CSS/print的问题.
在bootstrap CSS(reset.css)中,所有内容都被清除以进行打印
@media print {
* {
text-shadow: none !important;
color: black !important;
background: transparent !important;
box-shadow: none !important;
}
}
Run Code Online (Sandbox Code Playgroud)
但我必须打印几行彩色.我的表看起来像这样:
<div class="container">
<div id="task-summary">
<div id="process-summary">
<table class="table table-condensed">
<tbody>
<tr class="success">
<td>
Run Code Online (Sandbox Code Playgroud)
我把它嵌入到我的代码中,但它不起作用:
@media print {
#task-summary{
.success{
background-color: #DFF0D7 !important;
}
}
}
Run Code Online (Sandbox Code Playgroud)
我已经尝试过如果使用display:none来排除css ..它可以正常工作(行不显示)并且似乎在正确的位置.
有人知道如何在不编辑bootstrap的reset.css的情况下设法覆盖bootstrap css命令吗?