Set height of multiple select menu
I have a custom multiple select with a lot of entries. When I open it, it opens a dialog with a very long list, so that I have to scroll down the entire page. How can I open it in a smaller dialog with scrollbars?
-
<
div
class
=
"ui-field-contain"
>
<
label
for
=
"select-custom-1"
>Basic:</
label
>
<
select
name
=
"select-custom-1"
id
=
"select-custom-1"
data-native-menu
=
"false"
>
<
option
value
=
"1"
>The 1st Option</
option
>
<
option
value
=
"2"
>The 2nd Option</
option
>
<
option
value
=
"3"
>The 3rd Option</
option
>
<
option
value
=
"4"
>The 4th Option</
option
>
- ...
-
< option value = "60" >The 60th Option</ option >
-