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

我希望表格行的底部和顶部都有边框。以下代码可在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);
  }

最佳答案

据我所知，您无法通过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在内的任何浏览器中显示边框。