Comment by Robert van der Elst on "Working with print CSS"

Just to make sure: can the printer actually print in color? And by that I mean, assuming it is a color printer, that the settings are set to color printing and not set to black and white.

If the HTML page is in color, a color printer should print it in color as well, unless the printer settings say it should print in black and white only. Those settings can't be overridden via CSS I'm afraid.

Oh, I just read your post again: I see the images are being printed in color, but it's just text and icons? That is weird... might still be settings though.

And @j450nhughes is right, the more code we can see, the easier it is to pinpoint the problem :)

yes printer can print color, i could see some other pages rendering color actually, however i will try to share some code in a while.. rushing for a meeting..

Alright, we'll see from there. Just a minor setup in Codepen or something to reproduce your problem is just fine :)

@Robert @j450nhughes here is a codepen that I quicky put on.. it has the css in the pen, also as an url. try doing a print from browser, everything comes greyscale.. appreciate your help..codepen.io/balamax/pen/YwamBz

Hmmm, tested it in Chrome and Firefox, but the previews show it all in color here. (Windows 10 btw). Don't have a printer here at the moment, so I can't check it on actual paper...

@balamax the print preview shows the text in color.. is it same at your end?

screenshot

couldn't test it as there was an authenticating request popup which blocked the bootstrap, fontawesome css loading..

wondering what is happening here.. I am in windows 8.1.. it is all black and white here.. plus i am looking at print preview only, not the actual print though. screen shot above..

Search Hashnode