html - Twitter-bootstrap 3. 在 Opera 中悬停后，一行表格失去边框

Question

这是html标记：

<table class="table table-hover" style="width: 300px;">
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
  </tbody>
</table>

和jsfiddle

悬停在行上后，他们失去了边框，但在我更改调整窗口大小后，它仍然可见。如果表格不止一行，那么一切正常。您也可以在截屏视频中看到这一点：http: //screencast.com/t/hpruvSUbmCE

此错误仅存在于 Opera（任何版本）中。我正在使用引导程序 3

Answer 1

非常有趣的错误我设法通过添加规则来解决它css

.table th,
.table td {
  padding: 4px;
  line-height: 5px;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid red ! important;
  border-bottom: 1px solid red ! important;  
    height:35px;
}
.table th{
    border-top:none ! important;
}
.table td{
    border-bottom:0px ! important;
}

填充有一些问题

小提琴