Styling the pager

Question

Hi,I have read some of the grid styling documentation, but I am struggling to find a way of changing the hover behavior.What I want is that when a user hovers on unselected page numbers, the background color needs to change to something else.Can someone please provide sample css to make this change?

Manivel Sellamuthu · Accepted Answer

Hi Eddie, 

Greetings from Syncfusion support. 

You can achieve your requirement by using the below styles. Please refer the below CSS for more information. 





.e-pager .e-spacing.e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover { 
    background: green; 
    color: #fff; 
    } 


  

Please let us know if you need further assistance. 

Regards, 
Manivel

Eddie Willcox · Answer

Perfect! Thank you.

Manivel Sellamuthu · Answer

Hi Eddie, 

Thanks for your update. 

We are glad that the provided solution resolved your requirement. 

Please let us know, if you need further assistance. 

Regards, 
Manivel