How to make odd and even background visible on print?

Question

How expert like you would you code an odd & even's tr background to be visible for print.

I tried without success to !important them in @media print

    @media print {
      table > tr:nth-child(odd) {
      background: lightgrey!important;
      }
      table > tr:nth-child(even) {
      background: white!important;
      }
    }

Best

Does this answer your question? [Why doesn't table > tr > td work when using the child selector?](https://stackoverflow.com/questions/5568859/why-doesnt-table-tr-td-work-when-using-the-child-selector) — VilleKoo, Jan 05 '22 at 10:32
Browsers tend to require the user to set an option which will print backgrounds. See for example https://stackoverflow.com/questions/2392366/print-background-colours-in-chrome — A Haworth, Jan 05 '22 at 10:46

score 0 · Answer 1 · answered Jan 05 '22 at 13:01

0

Thanks

What works to allow the rest of the code to work was this :


@media print { body { -webkit-print-color-adjust: exact; } }

answered Jan 05 '22 at 13:01

JeanCharles Amey

73
9

How to make odd and even background visible on print?

1 Answers1