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 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
    251 posts

    Posted 03 Oct 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
  3. Telerik UI for ASP.NET Core is out
Back to Top