通過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)