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

Question

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

HTML：

<table>
    <tr>
        <td>
            line 1
            <div class="left-border"></div>
        </td>
        <td>
            line 1<br>
            line 2
        </td>
    <tr>
</table>

CSS：

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;
}

JSFIDDLE：http://jsfiddle.net/dv1oqopL/5/

Answer 1

好吧，IE一如既往地是B *** h，它只是根据它自己的内容来计算td的高度所以我没有干净的修复方法，但是一个可以解决你的问题的黑客就是添加

border-left:1px solid #000;

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