CSS: how to have a max height in datalist?

i have this datalist and i am assuming that data in options has morethan 100, and I want to have a max height so that the design looks neat. please help me to guys. thank you.

           <input type="text" list="suggestions" class="form-control" style="width: 100%;" >
             <datalist id="suggestions" >
              <option value="Blue">
              <option value="White">     
              <option value="Black">
              <option value="Red">
              <option value="Green">
              <option value="Blue">
              <option value="White">     
              <option value="Black">
              <option value="Red">
             </datalist>