We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to apply custom style for data grid pagerdropdown


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

3 Replies

PS Pavithra Subramaniyam Syncfusion Team March 22, 2019 06:57 AM UTC

Hi Jurica, 
Greetings from Syncfusion. 
You can customize the pagerdropdown hover and active element by using the below CSS selector.  
    .e-alldrop .e-dropdownbase .e-list-item.e-hover { 
        background-color: lightgreen; 
    .e-alldrop .e-dropdownbase .e-list-item.e-active { 
        background-color: blue; 
Please get back to us if you need any further assistance on this. 
Pavithra S. 

BU Buzz March 22, 2019 12:37 PM UTC

Hi Pavithra,

Thank you for helping me. It works.


TS Thavasianand Sankaranarayanan Syncfusion Team March 25, 2019 04:14 AM UTC

Hi Jurica, 
We are happy that the problem has been solved. 
Please get back to us if you need any further assistance.  
Thavasianand S.

Live Chat Icon For mobile
Up arrow icon