Set height of multiple select menu

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?

  1. < 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 >
  2.                   ...
  3.                   < option value = "60" >The 60th Option</ option >
  4.      </ select >
    </ div >