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

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下面的边框，并在所有浏览器中查找该部分。