css - Firefox でセルごとに表示される境界線の幅が異なる

Question

約 55 行と 15 列のテーブルを動的に生成しています。このように列のボーダー幅を1pxに設定しました

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

しかし、一部のセルでは、1px よりも太い境界線が表示されます! これが私のテーブルの一部です。上の列と下の列の境界線の違いを見ることができます

ここに画像の説明を入力

編集

ここにフィドルがありますhttp://jsfiddle.net/bz3Da/2/

フィドルでは見栄えが良いのに、私の最後ではそうではないのは本当に奇妙です。他のクラスがテーブルに影響を与えていないことを確認しました。

score 0 · Accepted Answer

追加!重要:

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

インラインスタイルは、CSS スタイルよりも重要です。それらを上書きすることはできますが、 !importantの使用は避けてください。インラインスタイルを削除し、CSS のみを使用してください。

2 に答える 2