Как ограничить длину списка у .selectmenu JQuery UI

133
26 марта 2021, 17:30

Есть выпадающее меню сделанное благодаря стилизации тега select с классом meal через .selectmenu, в списке очень много элементов и при открытии они все "вываливаются" наружу. Как ограничить длину выпадающего списка, например до 6 значений, а сбоку появлялась скролл линия?

Answer 1

Нашёл решение, дело в том, что JQuery UI устанавливает исходному select стиль display: none; и вместо него впихивает спаны и списки, надо было в DOM найти элемент отвечающий за список и определить его класс, после чего осталось самоё легкое, задать этому классу max-height: n px; и overflow: auto (За стили спасибо @keker123)

READ ALSO
Дистанционная активация selectmenu JQuery UI

Дистанционная активация selectmenu JQuery UI

Есть элемент стилизованный благодаря selectmenu, также есть кнопка в другой месте страницы (но в пределах видимости экрана относительно selectmenu,...

138
Не отображается задний фон

Не отображается задний фон

Не подгружается картинка заднего фона, которая прописана в файле cssСам css файл подгружается

113
Просвечивающий изображение блок

Просвечивающий изображение блок

Подобных вещей еще не приходилось реализовывать, по этому нуждаюсь в помощи выбора оптимального способа реализацииПостараюсь максимально...

96
Меняющаяся разметка в css

Меняющаяся разметка в css

Почему при копировании CSS кода из одного файла и его вставке в другой CSS файл разметка выглядит по-другому? Я разметил каркас, который нужен...

121