html - Bootstrap表边框在Firefox中无法正确显示

Bootstrap表边框在Firefox中无法正确显示。我在项目中创建了一个表格，但是在Firefox中无法正确显示。但是铬很好。请大家帮我

Bootstrap表边框在Firefox中无法正确显示。我在项目中创建了一个表格，但是在Firefox中无法正确显示。但是铬很好。请大家帮我

#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>

最佳答案

将display: block更改为display: table-cell。

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;
}

我希望这可以帮助你。

请享用 ：）

关于html - Bootstrap表边框在Firefox中无法正确显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39387948/