css - Internet Explorer and Chrome: table-hover not displayed properly -
for better visual experience use css style on <tr>
when hovering on it.
to see complete design: http://jsfiddle.net/rdje3/1/
i used:
.table_test tr:hover { outline: none; border-color: #29ec24; box-shadow: 0 0 10px #29ec24; }
this works fine in firefox.
but in internet explorer hover gets displayed not complete (just between <td>
) , in google chrome nothing displayed.
why?
first of seems it's official bug chrome. stated here way setting 'display: block'
on <tr>
element, requires fix positioning afterwards.
also, box-shadow requires use -webkit-
prefix chrome. can see 'working' , malformed example here. you'll have set width of table cells yourself.
Comments
Post a Comment