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

Paw*_*iya 5 css firefox html-table border

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

#tblId td
{
    border:1px solid #616161;
    background-color:#EEEEEE;
}
Run Code Online (Sandbox Code Playgroud)

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

在此处输入图片说明

编辑

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

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

bip*_*obe 0

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

添加!重要

    #tblId td
    {
        border:1px solid #616161 !important;
        background-color:#EEEEEE;
    }
Run Code Online (Sandbox Code Playgroud)

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

有人已经在这里问为什么: Should I escape using !important in CSS?