Firefox 中不同单元格的边框宽度显示不同答案

【问题标题】：Border width showing differently for different cells in FirefoxFirefox 中不同单元格的边框宽度显示不同
【发布时间】：2013-03-14 19:36:50
【问题描述】：

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

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

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

编辑

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

【问题讨论】：

【解决方案1】：

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

添加 !important：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：