Html 表格单元格边框不显示

上面的图片显示了我的问题-图片中的每个单元格都有一个像素的红色边框，但是只有一个顶部边框显示出来

对于具有以下CSS的表格单元格，我有一个

无效的
类：

th.invalid，td.invalid{
边框：1px双#b8202a；
}

使用Chrome调试器，我可以看到应用于该单元格的类，并且我还可以看到布局声明该单元格应该具有指定的边框，但它并不始终具有红色边框。
在double和solid之间增加边框大小或类型似乎没有效果。将鼠标悬停在单元格上会显示没有颜色的边框

我可能做错了什么？：-）

更新：感谢您的输入。此处的信息可能与出现问题的原因有关。
请尝试添加！下面的重要代码

th.invalid, td.invalid {
border: 1px double #b8202a !important;
}
table.invalid
 border: 1px double #b8202a !important; 
}
tr.invalid
{
border: 1px double #b8202a !important;
}

有关详细信息，请参阅下面的链接

谢谢
Maha
您可能在CSS中有一些错误，下面是一个快速示例

但如果你想要单像素边框，也许你应该使用

th.invalid,
td.invalid {
  border: 1px solid #b8202a;
}

解决

嗨

我在使用Bootstrap3时也遇到过同样的情况

我发现的问题是引导的css属性：

table {    
    border-spacing: 0;
    border-collapse: collapse; /* here is the devil */  
}

我确实通过以下方式在自己的css中覆盖了它：

table,
table td {
    font-weight: bold;
    background-color: #fff;
    border-collapse: separate; /* This line */
}

然后它成功了
 你有（的派生）：
表{边框折叠：折叠；边框间距：0；}
来吧，我们需要帮助你的详细信息，而不是含糊不清的信息。。。像这样的事情可能已经发生了。我会尽力的！重要的是要查看它是否工作或是否仍有内容覆盖它。但正如我前面的其他人所说，如果不知道是否有内容覆盖它，很难回答。请不要盲目地建议
！重要信息
。这只会使样式表更加混乱，通常是结构不良的HTML或CSS的症状，应该予以纠正。@Daniel（和SW4）：很抱歉，我不能发布更多信息，但你们已经给了我一些线索来研究。感谢前面提到的，我尝试了边框宽度和类型的组合。您的JSFIDLE在我的浏览器中呈现得很好，但我可以看到，如果边框折叠生效，浏览器可能会出现问题，我将对此进行研究。谢谢，或者你可以，你知道-添加更多的CSS特性，而不是使用！重要标签。叹气。同意我不喜欢使用
！重要信息
。然而，它可能有助于发现问题是否通过使用它来自行解决
table {    
    border-spacing: 0;
    border-collapse: collapse; /* here is the devil */  
}

table,
table td {
    font-weight: bold;
    background-color: #fff;
    border-collapse: separate; /* This line */
}