<!DOCTYPE html>
<meta charset="utf-8">
<title>Test forced colors mode on table styles</title>
<link rel="help" href="https://www.w3.org/TR/css-color-adjust-1/#forced-colors-properties">
<link rel=match href="forced-colors-mode-01-ref.html">
<style>
  table {
    border-collapse: collapse;
  }

  td, th {
    border: 1px solid;
    border-bottom-color: black !important;
    border-left-color: purple !important;
    border-right-color: orange !important;
    border-top-color: green !important;
    padding: 8px;
    text-align: left;
  }

  tr:nth-child(even) {
    background-color: blue !important;
    color: red !important;
  }
</style>
<body>
  <table>
    <tr>
      <th>Column1</th>
      <th>Column2</th>
      <th>Column3</th>
    </tr>
    <tr>
      <td>Entry1</td>
      <td>Entry1</td>
      <td>Entry1</td>
    </tr>
    <tr>
      <td>Entry2</td>
      <td>Entry2</td>
      <td>Entry2</td>
    </tr>
  </table>
</body>
