Html 更改表格单元格边框的颜色

我希望能够更改任何表格单元格边框的颜色。 我决定不使用border left、border right等，因为不可能使其像素完美。不同的浏览器以不同的方式呈现它。特别是在边界交叉区域。 我提出了这种方法，但它在IE中并不像我预期的那样起作用：

HTML:

---

jsFIDLE:

IE一如既往地是一个B***h，它只是根据自己的内容计算td的高度，所以我没有明确的解决方法，但有一个可能解决您问题的方法是添加

border-left:1px solid #000;

---

在该td上，这将填充div下方的边框，并查看所有浏览器的部分。

您可以将overflow:hidden设置为td，并手动将div的高度设置为大于td的高度，如100px。它将显示全高边框，如其他图形所示browser@DeepakSharma如果设置overflow:hidden；，则边框将不可见；。是否要更改每个？@JohnReyM.Baylen的边框颜色？否。我希望能够更改任何单元格任何边框的颜色。在我的情况下，一切都很好，问题在于IE。但我不能因为这个原因而责怪IE：相对；对于td元素，CSS标准未定义。所以我需要一些IE修复或不同的方法。

table {
    border-collapse: collapse;
}

table, th, td {
   border: 1px solid #ccc;
}

tr {
    vertical-align: top;
}

td {
    position: relative;
    padding: 5px;
}

.left-border {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 1px;
    background-color: #000;
}

border-left:1px solid #000;