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(任何版本)中.我正在使用bootstrap 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;
}

填充有一些问题

小提琴