Html 如何设置物化选择元素的大小？

关于Materialize select元素，我希望可见的选项数为5，但事实并非如此。 我也试过设置高度，但也没有运气

                                <div class="input-field col s4">
                                    <select id="add_cusine_type" size="5">
                                        <option value="" disabled selected>Choose your cuisine type</option>
                                        <option value="Australian">Australian</option>
                                        <option value="American">American</option>
                                        <option value="British">British</option>
                                        <option value="Carribean">Carribean</option>
                                        <option value="Chinese">Chinese</option>
                                        <option value="French">French</option>
                                        <option value="Greek">Greek</option>
                                        <option value="Indian">Indian</option>
                                        <option value="Italian">Italian</option>
                                        <option value="Japanese">Japanese</option>
                                        <option value="Mediterranean">Mediterranean</option>
                                        <option value="Mexican">Mexican</option>
                                        <option value="Moroccan">Moroccan</option>
                                        <option value="Spanish">Spanish</option>
                                        <option value="Thai">Thai</option>
                                        <option value="Turkish">Turkish</option>
                                        <option value="Vietnamese">Vietnamese</option>
                                    </select>
                                    <label>Cuisine Type</label>
                                </div>

---

谢谢

您只需在包装div中指定它，这里我的示例是300px

Materialize为选项使用一个下拉列表，它实际上是由文本输入触发的下拉列表。因此，您需要针对下拉类：

.select-dropdown {
  height: 300px;
}

---

啊，我想要的是身高/尺码。您的示例style=width:300px实际上会更改宽度，但style=height:100px不会更改高度。

.select-dropdown {
  height: 300px;
}