如何更改单个表格行的边框颜色？

我试图通过更改单个行的边框颜色来突出显示该表行。这是我的CSS：

    table { border-collapse: collapse;}

    td { min-width: 100px; border: 1px solid green; }

    .highlight td { border: 1px solid orange; }

...这是我的 HTML：

<table>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
    <tr class="highlight">
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
    </tr>
</table>

The result is this:

顶部边框保持绿色。我让它工作的唯一方法是更改​​ TD 元素 1 和 2 的边框底部颜色。是否有更优雅的解决方案？使用大纲属性并不能解决问题。谢谢！

仅通过删除border-collapse: collapse;因为它合并了相邻的边界。

然后应用一个0价值border-spacing

边框间距：MDN https://developer.mozilla.org/en/docs/Web/CSS/border-spacing

border-spacing CSS 属性指定相邻表格单元格边框之间的距离（仅适用于分隔边框模型）。这相当于展示性 HTML 中的 cellspacing 属性，但可以使用可选的第二个值来设置不同的水平和垂直间距。

table {
  /*border-collapse: collapse;*/
  border-spacing:0;
  font-size:32px;
}

td {
  min-width: 100px;
  border: 3px solid green;
}

.highlight td {
  border-color: orange;
}
/* optional enhancment to narrow vertical joined borders*/
td + td {
  border-left:0;
}

<table>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
    <tr class="highlight">
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
    </tr>
  </table>