添加向下滚动功能以仅使用CSS和HTML选择框选项

“选择”菜单中有足够多的选项太大，无法容纳页面上的所有选项。如何使选择框中的向下滚动菜单在空间不足时滚动

<form>
     <ul>
        <li id="snow_filter">
           <label>Enter Resort</label> <br>
           <input class="snow_scroll" id="resort" type="text" list="resortname">
           <datalist id="resortname">
              <option value="Resort1">
              <option value="Resort2">
              <option value="Resort3"> 
              <option value="Resort4">     
              ...
              <option value="Resort66">  
            </datalist> 

进入度假村

...

我使用的表单带有提交按钮（未显示）。我对HTML和CSS非常熟悉，因此我希望能找到一种使用这些语言的解决方案。

如果您只想使用HTML和CSS，请使用此选项将所有选项包装为：
if you want only to use html and css use this to wrap all the options in <select></select> like this:

---

的样式是特定于供应商和操作系统的，因此CSS所能做的事情非常有限。您能否添加问题的屏幕截图及其外观<默认情况下，代码>数据列表从不显示如此多的项目。

  <select>
        <datalist id="resortname">
              <option value="Resort1">
              <option value="Resort2">
              <option value="Resort3"> 
              <option value="Resort4">     
              <option value="Resort66">  
        </datalist> 
   </select>