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

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -