How to override the css of the search in DropDownList

2 posts, 1 answers
  1. Biser
    Biser avatar
    1 posts
    Member since:
    Sep 2016

    Posted 30 Sep 2016 Link to this post

    Basically I need to set the width of the input role="listbox" class="k-textbox" to 100% because it is wider than the widget.

    Any help?

  2. Answer
    Veselin Tsvetanov
    Veselin Tsvetanov avatar
    590 posts

    Posted 03 Oct 2016 Link to this post

    Hello Biser,

    The width of the DropDownList filter input is being calculated and set dynamically. Therefore, to override its value, you will have to use the !important directive for your custom styling:
    .k-list-container .k-list-filter .k-textbox {
        width: 100% !important;

    I hope that the above helps you. If you have any further questions, please do not hesitate to contact us.

    Veselin Tsvetanov
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top