背景・実現したいこと
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; /* 余白指定 */
}
}
現状の印刷結果
期待する印刷結果