css - Firefox 中不同单元格的边框宽度显示不同

Question

我正在动态生成大约 55 行和 15 列的表。我已经像这样将列的边框宽度设置为 1px

#tblId td
{
    border:1px solid #616161;
    background-color:#EEEEEE;
}

但是对于某些单元格，它显示的边框比 1px 厚！这是我的表格的一部分，您可以看到上列和下列的边框差异

编辑

这是小提琴http://jsfiddle.net/bz3Da/2/

这真的很奇怪，它在小提琴中看起来不错，但在我的最后却没有，我检查了没有其他课程影响这张桌子。

Answer 1

http://jsfiddle.net/bz3Da/4/

添加！重要：

    #tblId td
    {
        border:1px solid #616161 !important;
        background-color:#EEEEEE;
    }

内联样式比 CSS 样式更重要。您可以覆盖它们，但您应该避免使用!important - 只需删除内联样式并仅使用 CSS。

有人已经在这里问了为什么： 我应该避免在 CSS 中使用 !important 吗？

Answer 2

我重置了 Firefox 缩放。有用！！！完美的。我发现当我放大某些边框时会变粗。打击是我的 cssenter 代码，这里是 firefox 50.1 / windows 7

table td, table th {  border: 1px solid #e8e8e8;}
table {
  border-collapse: collapse;
  border-spacing: 0;
}