tr上的边框颜色不适用于IE-7

Question

我发现了一个与IE-7相关的问题。在FF，Chrome，IE 8/9上工作。问题是IE 7在tr上不支持边框颜色。任何在CSS，Jquery，Javascript中的变通方法都很受欢迎。http://jsfiddle.net/VW84N/

Answer 1

一个简单的解决方法：<tr>上没有边框的http://jsfiddle.net/fcalderan/VW84N/4/

只需使用此CSS

table { border-right: 1px red solid; border-left: 1px red solid; }
td { border-bottom: 1px red solid; }
tr:first-child td { border-top: 1px red solid;  }

Answer 2

不幸的是，但这是真的:这完全是IE。

我一直在使用这里描述的解决方法：

http://csarven.ca/tr-border-trick-for-ie

Answer 3

这是一个众所周知的问题。一种解决办法是将边框应用于表格单元格，而不是行本身。

例如，一个简单的解决方案是这样做：

table { border-collapse: collapse; border-spacing: 0 } /* you have to do this */
table { border: 1px solid red } /* borders around the whole table */
table tr + tr td { border-top: 1px solid red } /* borders between rows */

。