在有折叠边框的表格中,我需要为某些单元格给予特殊的边框样式。在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条答案
按热度按时间wfsdck301#
编辑:已在2021年7月发布的Chrome 92中修复。2022年12月在Safari中仍有问题。
这是Chrome中一个长期存在的错误:第一个
如果您想办法只使用colspan == 1,就可以解决这个问题。
注意,FWIW,将display:block添加到
td.red
中,会在一个隐式添加的单元格内的框周围添加一个边框。您可以看到红色边框没有覆盖灰色边框,而是在灰色边框内。