html 字体/文本颜色在打印页面预览和打印时不会改变

Question

所以，我有一个正在生成的报告 html 文件，其中有需要白色文本/字体的黑框。在通用 html 显示中一切都很好，但是当我尝试打印页面时，ctrl + p 或自定义打印功能，文本/字体保持为标准颜色，而不是白色。

这是我的代码；

CSS

@media print {
    table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }

    td, th {
        border: 1px solid black;
        text-align: left;
        font-weight: lighter;
        font-size: 6px;
        padding: 8px;
    }

    tr:nth-child(even) {
        background-color: white;
    }

    .fprint{
        background-color:black !important;
        color:white !important;
        font-size:8px;
        -webkit-print-color-adjust: exact; 
    }
}

HTML

<div class="col-xs-12 fprint" style="background-color:black; color:white">
  <p class="margB0 lang" tkey="name" style="padding-top:2px;padding-bottom:2px; padding-left:1px">PART 1 CFS CUSTOMER ACCEPTANCE CHECK</p>
</div>

请注意，背景颜色变化得很好。但是字体颜色没有。我在这里做错了什么或者可以做些什么来确保字体颜色在打印时是白色的？

Answer 1

请添加以下 CSS 行:

.fprint p{
    color:white !important;
}