Question

我已经使用window.print（）函数来打印带有表格的网页。表标题具有字体颜色。问题是，在打印时，标题只是黑色的。下面是代码：

<thead>
<tr style="color:red">
<th>Property name</th>
<th>Room number</th>
<th>Month</th>
<th>Tenant name</th>
<th>Rent Required</th>
<th>Rent Paid</th>
<th>Balance</th>

</tr>
</thead>

//按钮

<input type="button" class="btn btn-block 
btn-primary  btn-xs" value="PRINT" 
onclick="window.print() ;" />

有没有办法使它以红色打印表格行？

Answer 1

对于Chrome / Safari（不确定Firefox），您可以使用以下CSS在显示和打印之间保持相同的颜色：

-webkit-print-color-adjust: exact;

下面的完整示例。

<head>
  <style>
    .font-red {
      -webkit-print-color-adjust: exact;
      color: red;
    }
  </style>
</head>
<body>
  <table>
    <thead>
      <tr class="font-red">
        <th>Property name</th>
        <th>Room number</th>
        <th>Month</th>
        <th>Tenant name</th>
        <th>Rent Required</th>
        <th>Rent Paid</th>
        <th>Balance</th>
      </tr>
    </thead>
  </table>

  <input type="button" class="btn btn-block btn-primary  btn-xs" value="PRINT" onclick="window.print() ;" />
</body>

自定义window.print（）

1 个答案: