html - 如何通过 HTML 表格中的 CSS 为 TD 单元格边框的所有 4 个边着色？

Question

我有这段代码，我试图用红色为 TD 单元格的所有 4 个边上色，但是如果您运行代码，只有底部和右边框会变色(在 Mozilla Firefox 中)。有没有办法为所有 4 个边框着色？

#selections_table table {
  border-collapse: collapse;
}

#selections_table td,
th {
  border: 1px solid black;
  padding: 3px 4px 3px 4px;
}

<div id="selections_table">
  <table>
    <tbody>
      <tr>
        <th>#</th>
        <th>Model</th>
      </tr>
      <tr>
        <td>1</td>
        <td style="border-color:red">XXX-8</td>
      </tr>
    </tbody>
  </table>
</div>

这个问题/答案没有帮助:CSS Border declare 4 sides, color, width, in one line

如果有一种方法可以通过类来设置样式，那将比使用内联样式命令更好。

Answer 1

将内联样式更改为 style="border:1px double red;":

<div id="selections_table">
  <table>
    <tbody>
      <tr>
        <th>#</th>
        <th>Model</th>
      </tr>
      <tr>
        <td>1</td>
        <td style="border:1px double red;">XXX-8</td>
      </tr>
    </tbody>
  </table>
</div>