html - Twitter-bootstrap 3. Table with one row lose border after hover in Opera -


here html markup:

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

and jsfiddle

after hovering on row lost border after change resize window stay visible . if table has more 1 row works fine. can see @ screencast video also: http://screencast.com/t/hpruvsubmce

this bug exists in opera(any version) only. i'm using bootstrap 3

really interesting bug managed work around adding rule 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; } 

it have problem padding

fiddle


Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

css - Firefox for ubuntu renders wrong colors -