different select color for different grid

[Bertha]

I am using SPA with Kendo grid.  Can I apply different select color for different grid?  I tried to put the below style in my sub page.  But it will override my hosting page as well.  Thanks.

<style>
.k-grid .k-state-selected {
background-color: #cbf1e3 !important;
color: #000000;
}
.k-grid .k-alt.k-state-selected {
background-color: #cbf1e3 !important;
color: #000000;
}
</style>

[Stefan]

Hello Bertha,

This can be achieved by making the selector more specific using the Grids' ID attribute.

For example: 

#gridOne.k-grid .k-state-selected {
 background-color: #cbf1e3 !important;
 color: #000000;
}

#gridTwo.k-grid .k-state-selected {
 background-color: #cbf1e3 !important;
 color: #000000;
}

I hope this will help to achieve the desired result.

Regards,
Stefan
Telerik by Progress

[Bertha]

Yes, totally forgot this CSS rule.  Thanks.