背景・実現したいこと
kintoneの「レコードを印刷」から印刷プレビューを出した際、プリント用に設定したCSSのうち「 background-color」のみ白くなってしまい反映されません。またPDFにて実際に出力しても結果は同じです。
試しに同じ箇所にテキストの文字色を指定して見ましたが、こちらは反映されています。
何が原因なのか、また対策がございましたらご指南ください。
【関連質問】レコード内に埋め込んだHTMLをプリントしたい
利用したソースコード（CSS）
#output table {
border-collapse: collapse; /* セルの線を重ねる */
}
#output tr:nth-child(odd) {
background-color: #ddd; /* 背景色指定 */
color: #00f;
}
#output th,td {
padding: 10px 30px; /* 余白指定 */
}
@media print {
#output table {
border-collapse: collapse; /* セルの線を重ねる */
}
#output tr:nth-child(odd) {
background-color: #ddd; /* 背景色指定 */
color: #00f;
}
#output th,td {
padding: 10px 30px; /* 余白指定 */
}
}
期待する印刷結果
2件のコメント
ookawaki_devさん
お世話になっております。
下記などが参考になるかと思います。
https://hacknote.jp/archives/11460/
@江田篤史 様
早速のご回答ありがとうございます。
いただいたリンク先の情報を参考に（１）〜（３）の情報を試してみたところ、無事背景色まで反映することができました。
大変助かりました。
当方環境がChromeだったため、CSSに以下の記述が必要だったようです。
body {-webkit-print-color-adjust: exact;
}
th {background-color: #eee !important;
}