html - 表格行边框在 Firefox 和 Safari 中不起作用

Question

我希望表格行的底部和顶部有边框。下面的代码在 IE 中有效，但在 Firefox 或 Safari 中无效!请帮忙!

HTML

 <tr class='TableRow'>

CSS

.TableRow{
   border-bottom: 2px solid rgb(167,167,167);
   border-top: 2px solid rgb(167,167,167);
  }

Answer 1

据我所知，您不能通过 CSS 为表格行设置边框。但我会建议您解决此问题:将边框设置为行内的单元格，然后使用 cellspacing="0"。这是 CSS:

.TableRow td{
   border-bottom: 2px solid rgb(167,167,167);
   border-top: 2px solid rgb(167,167,167);
}

一个示例 HTML 将是:

<table cellspacing="0">
    <tr class="TableRow">
        <td>A</td>
        <td>B</td>
    </tr>
    <tr>
        <td>C</td>
        <td>D</td>
    </tr>
</table>

第一行将是带边框的行。

希望对您有所帮助。

编辑:我试过你的代码，但没有在任何浏览器中显示边框，包括 IE。