How to apply custom style for data grid pagerdropdown

[Buzz]

Dear,

I have successfully applied custom css style to all my data grid and pager. One thing left is pagerdropdown item. Whatever I tried no success. Please help me to change hover and selected (active) item color.

Thank you

Buzz

[Pavithra Subramaniyam]

Hi Jurica, 

 

Greetings from Syncfusion. 

 

You can customize the pagerdropdown hover and active element by using the below CSS selector.  

 

[style.css] 

<style> 

    .e-alldrop .e-dropdownbase .e-list-item.e-hover { 

        background-color: lightgreen; 

    } 

    .e-alldrop .e-dropdownbase .e-list-item.e-active { 

        background-color: blue; 

    }  

    </style> 

 

Please get back to us if you need any further assistance on this. 

 

Regards, 

Pavithra S. 

[Buzz]

Hi Pavithra,

Thank you for helping me. It works.

BR

Jurica

[Thavasianand Sankaranarayanan]

Hi Jurica, 

 

We are happy that the problem has been solved. 

 

Please get back to us if you need any further assistance.  

                          

Regards, 

Thavasianand S.