text-shadow and box-shadow while printing (Chrome)

Question

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

Unfortunately I cannot use CSS property called text-shadow, because shadow behind te

Answer 1

You don't need to compromise your web page to make it look pretty printed. Simply define a print.css that makes the printed view suit your needs.

# index.html

   


# print.css
.shadow {
  text-shadow: none;
}

For more, Smashing Magazine has a helpful article on How To Set Up A Print Style Sheet.