Radgrid Row Selection CSS problem

[Baji]

Dear Team Telerik,

               I have Multiple radgrids. I want to display different selection row css for different radgrid. means each and every grid which is using same skin i want to display different  row selection css. I used the below css. But it is coming for all radgrids as background i need to display separate selection css for remaining radgrids . Please suggest me any other way.

        .rgSelectedRow  
        {
          background:none !important;
          background:none #D1E0ED !important;
          color: black !important;
        }
        .rgSelectedRow a
        {      
          color: black !important;
        }

Thanks in advance.

[Princy]

Hi,

I suppose you want to display different CSS for different RadGrid. You can set the CSS based on the id of the RadGrid as follows.

CSS:

<style type="text/css">
//sets CSS for RadGrid with id RadGrid1
    #RadGrid1 .rgSelectedRow
    {
        background: none !important;
        background: none #D1E0ED !important;
        color: black !important;
    }
    #RadGrid1  .rgSelectedRow a
    {
        color: black !important;
    }
//sets CSS for RadGrid with id RadGrid2
     #RadGrid2 .rgSelectedRow
    {
        background: none !important;
        background: none #D1E0ED !important;
        color: black !important;
    }
    #RadGrid2  .rgSelectedRow a
    {
        color: black !important;
    }
</style>

Hope this helps.

Regards,
Princy.