Is there a way to assign a custom CSS class to the dropdown HTML container that is created when using the .kendoDropDownList()
method on a <select>
or <input>
element?
In this fiddle ( http://jsfiddle.net/lav911/n9V4N/ ) you can see the relevant HTML code:
<div class="k-list-container k-popup k-group k-reset" data-role="popup">
<ul unselectable="on" class="k-list k-reset" tabindex="-1" role="listbox" aria-hidden="true" aria-live="off" style="overflow: auto;">
<li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused">option 1</li>
<li tabindex="-1" role="option" unselectable="on" class="k-item">option 2</li>
<li tabindex="-1" role="option" unselectable="on" class="k-item">option 3</li>
<li tabindex="-1" role="option" unselectable="on" class="k-item">option 4</li>
<li tabindex="-1" role="option" unselectable="on" class="k-item">option 5</li>
</ul>
</div>
I have reviewed the documentation but have not found a solution for this specific issue. I am looking for an elegant, "kendo-esque" approach to address this.