时间戳

首页 > 解决方案 > html 字体/文本颜色在打印页面预览和打印输出时不会改变

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

问题描述

所以，我有一个我正在生成的报告 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>

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

标签： htmlcss

解决方案

请添加以下 CSS 行：

.fprint p{
    color:white !important;
}

推荐阅读