I have a selectize component which looks like this.
My goal is to make the search input look smaller, in other words, change its class from standard bootstrap input to input-sm. I guess I have to edit the source code, only where and how - could you please help me with this? It's been already four months since I've been coming back to this issue now and then.
JS:
vendors_name_selectize = $('#vendors_name_input').selectize({
maxItems: 100,
preload: true,
openOnFocus:true,
valueField: 'value',
labelField: 'text',
searchField: ['text', 'inn', 'kpp'],
})[0].selectize;
HTML:
<th style = 'width:20%' class = 'vendor_list_official_name'>
<div class="input-group zeon-column-search">
<div class="dropdown">
<button type="button" data-toggle="dropdown">
Название
<span class="caret"></span>
</button>
<div class="dropdown-menu zeon-dropdown-wide">
<select id="vendors_name_input" placeholder="Поиск">
</select>
</div>
</div>
</div>
</th>
By the way, there's no point building up a JSFiddle, because in JS Fiddle the size of the input differs from that of the element I see in my app