小编jab*_*ock的帖子

CSS/SCSS/bootstrap ::覆盖bootstrap中的打印设置::更改背景:透明!对颜色很重要

我有一个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命令吗?

css overriding sass twitter-bootstrap

22
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×1

overriding ×1

sass ×1

twitter-bootstrap ×1