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/

添加！important ：

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

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

有人在这里问过为什么： Should I avoid using !important in CSS?

Answer 2

我重置了firefox缩放功能。有用！！！ 完善。 我发现当我放大一些边框时会大胆。 打击是我的cssenter代码 firefox 50.1 / windows 7

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