通过TD分配的边界在IE中不起作用

Question

我有一个Table其中有TD。在其中一个td中，我正在应用边界。它是 在CHROME中正常工作，但它在IE浏览器中受到干扰。

注意： - 早些时候，当表的CELLPADDING为2它看起来很好，但是当我增加了CELLPADDING边界得到了不安。

这里是如何看起来像

这里是fiddle

我应该怎么做，使之在IE

Answer 1

工作，你的意思是你想让它看起来像这个？

https://jsfiddle.net/Hastig/o1j88quk/3/

如果这样加table { border-collapse: collapse; }到你的CSS。

可能还需要从table

---

内嵌样式删除cellspacing="10"要删除中间线

变化

tr.black-border td { 
    border-top: 1px solid #0D63B0; 
    border-bottom: 1px solid #0D63B0; 
} 

到

tr.black-border:nth-child(3) td { 
    border-top: 1px solid #0D63B0; 
} 
tr.black-border:nth-child(4) td { 
    border-bottom: 1px solid #0D63B0; 
} 

或者，您可以通过添加类来控制边框样式，如果旧IE遇到问题nth-child(x)