user1038814 user1038814 - 1 year ago 82
CSS Question

Icons in Print CSS don't retain colour

I have a bootstrap based file which has some print specific CSS, but none that affect glyph icons. I have some icons which need to remain coloured when printed, but they appear in black and white.

I've tried using the following to prevent this, but it doesn't work:

@media print and (color) {
* {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;

Any help will be much appreciated.

Answer Source

In Bootstrap media print there is the following rule:

@media print
*, :after, :before {....
    color: #000!important;

This is the rule you have to overwrite to make glyph coloured

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download