Firefoxでブートストラップテーブルの境界が正しく表示されない

Question

Firefoxでブートストラップテーブルの境界が正しく表示されません。私はプロジェクトでテーブルを作成しましたが、Firefoxでは正しく表示されません。しかし、クロムは問題ありません。みんな助けてください

Firefoxでブートストラップテーブルの境界が正しく表示されません。私はプロジェクトでテーブルを作成しましたが、Firefoxでは正しく表示されません。しかし、クロムは問題ありません。男はdisplay: table-cellに変更display: blockくれ

#product-attribute-specs-table th {border-bottom: medium none;border-radius: 0;border-right: medium none;box-shadow: none;color: #333333;display: block;font-size: 100%;font-weight: 600;line-height: 1.42857;text-align: left; }

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<table id="product-attribute-specs-table" class="data-table table table-striped"> 
 
    <tbody> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr odd=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    <tr even=""> 
 
     <th class="label ">Test 1</th> 
 
     <td class="data">Test 2</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 1

を助けてください。

CSS：私はこれがあなたの役に立てば幸い

#product-attribute-specs-table th { 
    border-bottom: medium none; 
    border-radius: 0; 
    border-right: medium none; 
    box-shadow: none; 
    color: #333333; 
    display: table-cell; 
    font-size: 100%; 
    font-weight: 600; 
    line-height: 1.42857; 
    text-align: left; 
} 

。同じ行に `` を使用して `と`​​なぜ

は:)