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 */

<强> See it in action

Answer 4

你试过

吗？

<tr style="border-color:yourcolor"><td>....</td></tr>

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

4 个答案: