Style kendo paging dropdown as a regular dropdown

4 posts, 0 answers
  1. Chrys
    Chrys avatar
    45 posts
    Member since:
    Feb 2013

    Posted 22 Apr 2013 Link to this post

    Is there a way to style a kendo grid paging dropdown like a normal dropdown?
  2. Atanas Korchev
    Atanas Korchev avatar
    8462 posts

    Posted 23 Apr 2013 Link to this post

    Hi Chrys,

     No, there isn't. The pager uses the Kendo UI DropDownList widget in order to match the appearance of the rest of the widget.

    Atanas Korchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Garry
    Garry avatar
    49 posts
    Member since:
    Sep 2012

    Posted 17 Jan in reply to Atanas Korchev Link to this post

    Is there a way to override the style of the page number dropdown?

    In particular I want the greyed highlight to reflect my colour theme.

    I have done this for all other grid components by overriding styles however this last one eludes me?


    Kind Regards, Garry.

  4. Nikolay
    Nikolay  avatar
    323 posts

    Posted 19 Jan Link to this post

    Hi Garry,

    Here is the CSS that can be used:

    <style type="text/css">
      .k-list .k-item:hover,
      .k-list .k-list .k-item.k-state-hover {
        background-color: #92E1F9
      .k-list .k-item:hover .k-state-selected,
      .k-list .k-item.k-state-hover.k-state-selected {
        background-color: #92E1F9

    Please refer to the below Dojo demo where this has been demonstrated:

    Let me know if you have any questions.

    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at

Back to Top