css - Kendo grid - on hover color change not working in Google chrome alone

Question

In my kendo grid, i have implemented on hover color change by including the below css code which was suggested in one of the telerik forums.

.k-grid table tr:hover {
    background :rgb(107, 188, 242) !important;
    cursor: pointer !important;
}

This works perfectly fine in IE browsers, But in google chrome the color partially gets retained when i hover from one row to another(attached image). What mite have been possibly gone wrong here?

Thanks, Adarsh

Answer 1

Interestingly, when I apply a hover to the td like below, it worked fine!

.k-grid table tr:hover td {
    background :rgb(107, 188, 242) !important;
    cursor: pointer !important;
}