color-adjust属性的作用实例页面

展示

代码

• HTML：

  <h4 class="fill">color-adjust:economy（默认）</h4>
  <table>
    <tr>
      <td>《CSS世界》</td>
      <td>2018年</td>
    </tr>
    <tr>
      <td>《CSS选择器世界》</td>
      <td>2019年</td>
    </tr>
    <tr>
      <td>《CSS新世界》</td>
      <td>2021年</td>
    </tr>
  </table>
  
  <h4 class="fill">color-adjust:exact</h4>
  <table class="exact">
    <tr>
      <td>《CSS世界》</td>
      <td>2018年</td>
    </tr>
    <tr>
      <td>《CSS选择器世界》</td>
      <td>2019年</td>
    </tr>
    <tr>
      <td>《CSS新世界》</td>
      <td>2021年</td>
    </tr>
  </table>

• CSS：

  tr:nth-child(odd) td {
      background-color: #eee;
  }
  
  .exact {
      -webkit-print-color-adjust: exact;
      color-adjust: exact;
  }