How to remove all CSS styles coming with auto complete?

3 posts, 0 answers
  1. Pavel
    Pavel avatar
    2 posts
    Member since:
    Jun 2014

    Posted 29 Jun 2014 Link to this post

    How to remove all default CSS styles coming with auto complete for the input field? I prefer to use my own.
  2. Pavel
    Pavel avatar
    2 posts
    Member since:
    Jun 2014

    Posted 29 Jun 2014 in reply to Pavel Link to this post

    Is there a documentation about the styles I have to overwrite to restyle the dropdown?
  3. Kendo UI is VS 2017 Ready
  4. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 01 Jul 2014 Link to this post

    Hi Pavel,

    There is no a built-in option for disabling the styling of a particular Kendo UI widget. In order to customize the appearance of the AutoComplete I can suggest the following:
    -  Use the Kendo UI ThemeBuilder;
    -  Use some browser inspector to check what HTML / CSS rules are applied in a given situation and override the styles using selectors with higher specificity (documentation link);
    - Use jQuery API and remove the default classes applied to the widget. As an example: 
    $("#input").removeClass('k-input').parent().removeClass("k-widget k-autocomplete k-header");

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top