html - 表格单元格上的虚线边框变为实线

标签 html css border css-tables

我已经为我的测试用例设置了一个 [jsfiddle][1]。

基本上,我有一个表格,在某些单元格的底部带有虚线边框,在其他单元格上带有实线边框。出于某种原因,虚线边框在某些单元格上变成实线边框,我不明白为什么。任何人都可以解释这种行为和/或提供解决方案吗?

我正在使用 Chrome。

[1]: http://jsfiddle.net/eZcSR/1/

最佳答案

添加

border-collapse: separate;

或添加 border-spacing: 0

或者添加一个空的 <tr></tr>到上面的行(??!)

解决了这个问题中的问题:Double dotted border while using colspan

关于html - 表格单元格上的虚线边框变为实线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10836826/

相关文章:

html - 我怎么知道为什么忽略 CSS 样式?

javascript - 找不到 Amchart HTML 容器( react )

html - 为什么firefox显示框与Safari、IE、Chrome等不同?

javascript - 淡出边框 (css)

css - 顶部边框出现在 css 的左边框上方

css - 从 spritesheet 图像中删除 css 中的丑陋边框和脏图像符号

html - 将 div 内的 div 推到与 IE7 一起使用的最底部

html - 内联对齐标题和文本区域但填充窗口宽度

css - css float 问题——阻止 IE6 将 div 放在下一行

javascript - 设置最小宽度时的 jquery 代码