How to print white text ? Pls help

Question

0.00/5 (No votes)

See more:

Suppose I have some text which is displayed over an image or some other printable colours. Is it possible to force this text to white when printing? The default behaviour is to force white to black or grey in most browsers.

Posted 13-Nov-12 0:52am

Member 8911636

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

E.F. Nijboer · Answer 1 · 2012-11-13T01:05:00

Solution 1

Yes you can use different media types in your css. Have a look here:
http://www.w3schools.com/css/css_mediatypes.asp[^]

Good luck!

Posted 13-Nov-12 1:05am

E.F. Nijboer

Comments

Member 8911636 13-Nov-12 7:40am

E.F Nijboer thanx for Quick Response
Kindly explain how i implement these mediatypes on printing "Div"

E.F. Nijboer 13-Nov-12 10:55am

How do you mean? There are plenty examples on w3cschool and you can even try yourself directly on the site itself.

Member 8911636 13-Nov-12 11:19am

i have tried it.
but not displaying white text in Print out.
it display white in gray...

E.F. Nijboer 13-Nov-12 13:15pm

You have to be somewhat more specific. Can you update your question and add an example of the html and css? Would make it easier to pinpoint the problem.

Rob Branaghan 14-Nov-12 11:59am

Basically what ever the div class or id is in the html, have that in a media type of print and have the color:black;

look at the example on that weblink given by E.F. Nijboer...

@media print
{
.my-div-i-want-white-text-to-be-black {font-family:times,serif;font-size:10px;color:black;}
}

E.F. Nijboer 14-Nov-12 13:13pm

Why not simply use this to assign the style to all div elements:
@media print { div {font-family:times,serif;font-size:10px;color:black;} }