Hi madawak,
The -webkit-print-color-adjust property is a non-standard CSS extension that can be used to force printing of background colors and images in browsers based on the WebKit engine.
This forces browsers to use background colors when user prints a web page even if they have Print Options Background Graphics turned off.
economy (Default value)
Normal behavior. Background colors and images are only printed if the user explicitly allows it in their browser's print settings dialog.
exact
Background colors and images of the element to which this rule is applied are always printed, user's print settings are overridden.
Syntax
-webkit-print-color-adjust: exact;
Example
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
#dvHtml {
background-color: #123456 !important;
}
@media print {
body {
-webkit-print-color-adjust: exact;
-moz-print-color-adjust: exact;
-ms-print-color-adjust: exact;
print-color-adjust: exact;
}
}
</style>
</head>
<body>
<div style="height:100%" id="dvHtml">
Test
<br /><br /><br /><br /><br />
</div>
</body>
</html>
