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

Css Firefox中不同单元格的边框宽度显示不同,css,firefox,border,html-table,Css,Firefox,Border,Html Table,我正在动态生成一个大约有55行15列的表。我已经将boder列的宽度设置为1px,如下所示 #tblId td { border:1px solid #616161; background-color:#EEEEEE; } 但对于某些细胞,它显示的边界比1px厚! 这是我表格的一部分,您可以看到上栏和下栏边框的差异 编辑 这是小提琴 这真的很奇怪,小提琴看起来不错,但不是在我这边,我检查了没有其他课程影响桌子。 加上!重要: 内联样式比CSS样式更重要。 你可以覆盖它们,但是

我正在动态生成一个大约有55行15列的表。我已经将boder列的宽度设置为1px,如下所示

#tblId td
{
    border:1px solid #616161;
    background-color:#EEEEEE;
}
但对于某些细胞,它显示的边界比1px厚! 这是我表格的一部分,您可以看到上栏和下栏边框的差异

编辑

这是小提琴

这真的很奇怪,小提琴看起来不错,但不是在我这边,我检查了没有其他课程影响桌子。

加上!重要:

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

有人已经问过为什么会这样:
我重置了firefox缩放。它工作!!! 完美的 我发现当我放大一些边框时会加粗。 blow是我的cssenter代码 firefox 50.1/Windows7

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

你能创作小提琴吗。。?您是否正在附加到现有表中。?您是否尝试使用css重置(),因为浏览器自身的样式可能会影响它。这可能与浏览器端问题有关,呈现小行。。。您是否尝试将其更改为2或3倍边框,并查看是否仍然存在?您是否尝试重置Firefox上的缩放设置?@Tobia-是的,不起作用:(!important已工作,但我确实希望有几行比其余行宽,!important取消所有子项更改,以便我无法获得比其他行宽的任何行1px@PawanNogariya-您已经内联定义了边框的样式,您必须更改这些值以获得所需的厚度。那么我如何才能只给出几个单元格2px border while all other cells border 1px?删除添加到此网格中的所有内联样式,默认情况下使用css设置单元格样式并为其指定1px边框,定义一个类,将该边框更改为2px,并将该类添加到所需的单元格。@PawanNogariya-然后修改JSFIDLE项目以向我们显示哪些不起作用。
table td, table th {  border: 1px solid #e8e8e8;}
table {
  border-collapse: collapse;
  border-spacing: 0;
}