Bootstrap print CSS removes background color

Question

When I use bootstrap, it removes the background color from everthing when I try to print my page. Almost everything on my website is using bootstrap classes so I want to avo

Answer 1

Despite !important usage being generally frowned upon, this is the offending code in bootstrap.css

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

Let's assume you are trying to style the following HTML:

    

      
Name
      
School
      
Height
      
Weight
    

To override this CSS, place the following (more specific) rule in your stylesheet:

@media print {
    table tr.highlighted > th {
        background-color: rgba(247, 202, 24, 0.3) !important;
    }
}

This works because the rule is more specific than the bootstrap default.