html - Twitter-bootstrap 3.在Opera中悬停后，具有一行的表会失去边界

这是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(任何版本)中存在。我正在使用bootstrap 3

最佳答案

我通过在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;
}

填充有问题

fiddle

关于html - Twitter-bootstrap 3.在Opera中悬停后，具有一行的表会失去边界，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17962895/