Html 具体化选择滚动问题

我正在开发一个web应用程序，它使用一个带有很多选项的select。问题是一些选项无法在屏幕上看到，因为MaterializeCSS的选择似乎是可滚动的。我该如何解决这个问题

HTML和PHP

<div class="main container">
<div class="section">
  ...
  ...
  <div class="row">
    <div class="input-field col s12 m8 offset-m2 l6 offset-l3">
      <select>
        <option value="" disabled selected>Choose a degree program</option>
        <?php
        foreach ($degrees as $degree){
          echo '<option value="'.$degree.'">'.$degree.'</option>';
        }
        ?>
      </select>
      <label>Degree program</label>
    </div>
  </div>
</div>
</div>

---

在另一个网站上发现的，所以我不能申请信用

请在materialize.css中找到

下拉列表内容

您将看到
max height:650px
，并删除/更新您想要的下拉框大小

我已经在我的项目中固定了这种风格。
没关系！。谢谢

在删除/更新materialize.css中的
最大高度：650px
属性之前

我在materialize.css中定制了最大高度：250px

以上两种方法对我都不管用，但是

在Materialize版本（1.0.0）上遇到相同的用例。
我用以下方法修复了它

.select-wrapper ul {
  overflow: auto;
}

如果它导致整个DOM锁定（对我而言），请添加：

由于某种原因，在select上更改DOM后调用AutoInit会将溢出：隐藏添加到body标记。
您是否尝试过
select{position:absolute}
@Pugazh yes，但没有任何效果-因此materialize select可滚动到我们的框中。在你的位置上，我会亲自在他们的网站上查看，然后尝试找出我的不同之处和原因，并尝试修复it@mizurnix尝试使用firefox（以前使用过chrome），效果不错。那么这一定是兼容性问题了？尝试了一些随机移动浏览器，但仍然存在相同的问题，所以他们的示例在该浏览器上也存在相同的问题？我的截图来自Win10 Chrome。我可以确认我已经多次使用过这些选择，它们似乎工作正常，并且有跨浏览器的滚动条，包括Android上的chrome和至少一些iOS上的流行浏览器（不知道是哪个，但在iPhone上测试后也没有听到测试人员抱怨），谢谢，这就解决了这个问题……当几乎没有可供选择的选项，但下拉UI却不完全可见时，似乎存在一个单一的问题。
     .select-dropdown{
        overflow-y: auto !important;
    }

.dropdown-content {
    max-height: 650px;
}

.dropdown-content {
    max-height: 250px;
}

.dropdown-content {
   max-height: 350px !important;
   overflow-y: auto !important;
   backface-visibility: hidden !important;
}

.select-wrapper ul {
  overflow: auto;
}

body { overflow: auto !important; }