Css Chrome中的表格边框样式存在问题（适用于FF）

在具有折叠边框的表格中，我需要为某些单元格指定一种特殊的边框样式。在Chrome中，这不能正常工作。（没有折叠的边界，结果与预期一致。）

强边框：受影响单元格上方的整个底部边框

td.red { border: 3px solid red; }

没有边界：并不总是有效

td.gap { border: 0; }

---

我是否可以通过某种方式调整样式，使其在两种浏览器中都能工作？

这是Chrome中一个长期存在的错误：(

如果您想办法只使用colspan==1，就可以解决这个问题

---

请注意，FWIW，将display:block添加到

td.red

会在隐式添加的单元格内的框周围放置一个边框。您可以看到，红色边框没有覆盖灰色边框，而是在灰色边框内。

将

display:block

添加到类red谢谢提示。我将结果添加到图片中。但这不是问题所在预期结果。为了避免Chrome中的错误，在FF中让它看起来更糟似乎是错误的。不同的colspans对于我需要它的应用程序来说是必不可少的：因此，似乎正确的解决方案是等待Chome开发者修复错误。

td.gap { border: 0; }