I'm making some printable calendar website using HTML, CSS and JS.

Unfortunately I cannot use CSS property called `text-shadow`, because shadow behind text prints as solid black text without any blur or transparency.

Same problem occurs when I'm trying to use `box-shadow` for any div - shadow prints like solid black color with no transparency.

I'm using Chrome with style `html {-webkit-print-color-adjust: exact;}` to ensure all background colors will be printed.

Any workaround? I would prefer not to use any background image.

Edit:
I don't want to hide shadows, it's very easy of course. I want to have shadows printed correctly.