表行边框在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.