最終更新日から90日以上経過しています。
まだまだ印刷の需要は無くならないようで、先日も印刷対応があり、その中に詰まってしまったのでメモしておきます。
ブラウザ毎に対応方法が異なるので少し厄介かもしれません。
後述しますが、ChromeであればCSSから制御できるので要件にもよりますが、できればChromeで対応したいところです。
対応
Internet Explorer
IEではCSSから背景色の印刷を制御する方法が見つからず、ユーザーにブラウザの設定をしてもらう必要があります。
設定方法は以下を参照のこと。
Webページを印刷すると、背景色が印刷されない場合の対処方法について知りたい。
Google Chrome
一方ChromeではCSSから背景色の印刷を制御することが可能でした。
CSSで以下のプロパティを指定します。
-webkit-print-color-adjust: exact
リファレンスはこちらを参照のこと。
webkit系ブラウザで実装されており、Chrome、Edge、Opera、Safariで使用可能との事です。
ちなみに印刷プレビュー時の設定で、「オプション＞背景のグラフィック」にチェックをすることでも背景色の印刷が可能です。
