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