html - 通过 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) 有问题，您可以通过添加类来控制边框样式