How do I Make Firefox Print a Background-Color Style?

css firefox printing print-css
machineghost picture machineghost · Apr 19, 2009 · Viewed 42.9k times · Source

I have some simple CSS:

#someElement {
    background-color:black;
    color:white;
}

It looks ok in the browser, but when I go to print it in Firefox it comes out as black text on a white background. I imagine this is some sort of ink-saving feature, but is there any way around it?

Answer

Daniel A. White picture Daniel A. White · Apr 19, 2009

Its a browser setting. There is nothing you can do in your CSS. In Windows - File > Page Setup... > Print Background.

Related questions

page-break-after not working in flexboxes

This doesn't produce the expected result inside print preview in Firefox: <aside> side </aside> <div> <p> page 1 </p> <p> page 2 </p> </div> CSS: body{ …

Read More
Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More
Targeting only Firefox with CSS

Using conditional comments it is easy to target Internet Explorer with browser-specific CSS rules: <!--[if IE 6]> ...include IE6-specific stylesheet here... <![endif]--> Sometimes it is the Gecko engine (Firefox) that misbehaves. What would be …

Read More