0

I've this CV online, and when I want to print it on Chrome, everything is fine, but in mozilla, some colours disappear and mainly the progress bars.

I'm using this tool:

import { ProgressBar } from 'react-bootstrap';

The css

/* skills */
.progress {
    width: 60%;
    background-color:var(--progressbar-background-color) !important;
}

@media(width < 450px) {
    .progress {
        width: 70%;
    }
}

.progress-bar, ::-webkit-progress-bar, ::-moz-progress-bar {
    background-color:var(--highlight-color) !important;
}

Can somebody help me ? Thank u

Rubén
  • 34,714
  • 9
  • 70
  • 166
jozinho22
  • 459
  • 2
  • 7
  • 24
  • 1
    you need to write print specific css here is a reference https://stackoverflow.com/questions/14987496/background-color-not-showing-in-print-preview – AG_ Jan 02 '23 at 15:11

0 Answers0