ページを印刷するときに背景色がなくなってしまう為、ずっと画像を使って色を表示させていたんですが、下記の記述を入れればCSSだけで解決できることを知ったので記しておきます。

-webkit-print-color-adjust: exact;

これをbackground-colorを指定してるとこか親に入れておくと印刷時に背景色がちゃんと表示されるようになります。

注意：Chromeでしか使えません！

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

内田 美樹

システムエンジニアをしています。 フロントエンドを主に、サーバーサイドも書いたりします。 JS/TS/Python/Javaは少しだけ React/Angular/Next/Nuxt/Vue/Nodeなんかを使ったりします。

最新記事 by 内田 美樹 (全て見る)

• 【ふるさと納税】買ってよかった返礼品② - 2024年10月31日
• 【CSS】印刷時に背景色がつかない時の対処法 - 2024年9月30日
• 【雑談】夏風邪になりました、、 - 2024年8月30日