Стилизация datalist в input?

Question

[Nikita Fedorov]

есть выпадающий список с кодом:

<input list="city-list" class="main_form_list list-main1" placeholder="Ваш город">
  <datalist id="city-list" class="main_form_list_drop">
	<option>Москва</option>
	<option>Курск</option>
	<option>Великий Новгород</option>
	<option>Уфа</option>
	<option>Санкт - Петербург</option>
	<option>Москва</option>
	<option>Курск</option>
	<option>Великий Новгород</option>
	<option>Уфа</option>
	<option>Санкт - Петербург</option>
	<option>Москва</option>
	<option>Курск</option>
	<option>Великий Новгород</option>
	<option>Уфа</option>
	<option>Санкт - Петербург</option>
  </datalist>

вот так это выглядит :


Как стилизовать сам выпадающий список? Как сделать его ограниченную высоту?

Не откажусь от решений на JS\jQuery

Comments

[Сергей delphinpro]

Этот список не стилизуется.
Единственный вариант стилизации вам уже предложили — используйте select2. Этот плагин позволяет реализовать такое же поведение — ввод текста + выпадающий список, если мне не изменяет память.

Answer 1

[Антон]

https://github.com/select2/select2

Comments

[Nikita Fedorov]

это. не. то.....

Answer 2

[artem1800]

gregfranko.com/jquery.selectBoxIt.js