Chrome中表格边框样式的问题(适用于FF)
Chrome中表格边框样式的问题(适用于FF)
提问于 2019-05-29 05:13:32
在一个有折叠边框的表格中，我需要给一些单元格一个特殊的边框样式。在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
Stack Overflow用户
回答已采纳
发布于 2019-05-29 05:46:14
这是一个在Chrome中存在已久的错误：https://crbug.com/2902 :(
如果你想出一种只使用colspan == 1的方法，你可以解决这个问题。
请注意，将display:block添加到td.red时，会在隐式添加的单元格内的框周围放置一个边框。您可以看到，红色边框没有覆盖灰色边框，而是位于灰色边框内部。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56350149
复制相关文章
相似问题
腾讯云开发者
