Grid, Checkbox No Highlight

[Srinivas]

Hi , Is there  a way to change or remove highligt color of selected rows in the grid. 

Example: This is default behaviour

Is there a way to display like this.

 

I tried to overwrite with css. But no luch. Even with transparent it is not working.

.k-selected {

    background-color: white !important;

}

 

 

Thanks

Srinivas Kolla

 

 

 

 

[Vessy]

Hello, Srinivas,

Your approach is correct, but you need to make the selector a little heavier in order to be able to overwrite the default styles of the selected rows. For example:

• https://stackblitz.com/edit/react-mzqgbpaz?file=app%2Fapp.tsx,index.html

            div.k-grid td.k-selected, 
            div.k-grid .k-table-row.k-selected>.k-table-td {
                background-color: unset
            }

Regards,
Vessy
Progress Telerik