CSS: how to have a max height in datalist?

Question

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>

I think you need to add more details/example to clarify what you're asking — xxx, May 24 '21 at 03:23

score -1 · Answer 1 · answered May 24 '21 at 12:04

-1

Do you want a scrollable div to show all the options? If yes, you can set the height of the parent 'div' to a set height and set the "overflow-y:auto" .

answered May 24 '21 at 12:04

Ishan Sahu

91
8

CSS: how to have a max height in datalist?

1 Answers1