css Chrome中表格边框样式的问题(在FF中有效)

iibxawm4 于 2022-12-05 发布在其他

关注(0)|答案(1)|浏览(138)

在有折叠边框的表格中，我需要为某些单元格给予特殊的边框样式。在Chrome中，这无法正常工作。（如果没有折叠边框，结果与预期的一样。）

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

强边框：https://jsfiddle.net/r8h7abnf/上面单元格的整个下边框受影响。

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

无边框：https://jsfiddle.net/yrm8sfLp/并不总是有效。

td.gap { border: 0; }

我能以某种方式调整样式，使其在两种浏览器中都能工作吗？

1条答案

编辑：已在2021年7月发布的Chrome 92中修复。2022年12月在Safari中仍有问题。

这是Chrome中一个长期存在的错误：第一个
如果您想办法只使用colspan == 1，就可以解决这个问题。
注意，FWIW，将display：block添加到td.red中，会在一个隐式添加的单元格内的框周围添加一个边框。您可以看到红色边框没有覆盖灰色边框，而是在灰色边框内。