Как создать такой select?

Question

[alex_belouss]

Как создать такой select? есть ссылка на урок или на пример?

Answer 1

[Павел]

В гугл:
jquery custom select
Без Js или jquery так не стилизовать

Comments

[Антон Мудренок]

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

[Максим Тимофеев]

Антон Мудренок:

типа скролл добавить не выйдет

а как Вы скрол без js добавите?

[Антон Мудренок]

Максим Тимофеев: вот и я подумал, что вроде никак. Но если без скролла, то теоретически можно закастомайзить.

[Максим Тимофеев]

Антон Мудренок: без скрола не вопрос, а почему не использовать js? Есть куча плагинов для скрола, вот например:
manos.malihu.gr/jquery-custom-content-scroller

[Антон Мудренок]

Максим Тимофеев: если делать на js то можно уже что угодно выпиливать, хоть на svg делать скролл)
Я как-то пытался закастомайзить шкалу для volume, а потом забил и сделал ее на svg: codepen.io/mudrenok/pen/bBdoLJ
Но на сам скролл в select все UI-щики дико ругаются. Лучше бы погуглить как сделать удобней. Я помню такую статейку, но наверно это не совсем тот кейс: https://uxplanet.org/building-great-mobile-forms-2...

[Максим Тимофеев]

Антон Мудренок: Вы верстальщик, у Вас есть дизайн, но Вы решили - "на фиг тз"?

[Антон Мудренок]

Максим Тимофеев: если нет никакой коммуникации с дизайнером, то не вариант конечно. Но это не нормальная ситуация и на выходе большой риск получить гавнецо.

[Максим Тимофеев]

Антон Мудренок: все зависит от длинны списка. Если его можно спрогнозировать и сказать, что он не более 15 пунктов - скрол лишнее, но если там 30-440 пунктов, как без него. Тут из двух зол

Answer 2

[Полина Емельянова]

Если я вас правильно поняла, то
kate-land.net/html-css/item/336-cross-browser-styl...
https://habrahabr.ru/post/248243/