如何让IE10的边框折叠起来？

有没有人遇到过在 IE10 中无法工作的表格边框折叠的解决方案？

我在需要的地方使用了网站上的表格，并且它们在所有其他浏览器中显示良好，但从 IE 10 开始，边框太厚了。

上面的问题可能已经有几个月了，但今天我遇到了同样的问题，并且认为我至少可以提供一些可能的解决方案，即使它不是一个理想的解决方案。

正如问题所描述的，使用 border-collapse 会导致 IE10 中出现粗边框，即使没有边框会累加。当省略边框折叠时，边框宽度保持其正常厚度。然而，忽略边框宽度会导致单元格之间产生空间。

获得所需结果的唯一可能的替代方法是根本不使用边框折叠。相反，使用“border-spacing：0px;”消除单元格之间的空间并非常具体地定义边界。

Example:

This

table{
    border-collapse: collapse;
}
table td{
    border: 1px solid black;
}

会成为

table{
    border-spacing: 0px;
    border-top: 1px solid black;
    border-right: 1px solid black;
}
table td{
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

就像我之前说的：这并不理想，但至少它会给出所需的跨浏览器结果。

Note:IE10 中的问题仅在使用 1px 的边框宽度时出现。使用 border-collapse:collapse 时，1px 的边框宽度将变为 2px；在 IE10 中。当使用较高的边框宽度时，结果将是正常的。