Làm cách nào để có được menu thả xuống nhiều lựa chọn trong Materialize css?

Bạn chỉ phải thêm multiple:

<div class="input-field col s12">
    <select multiple>
        <option value="" disabled selected>Choose your option</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
    </select>
    <label>Materialize Multiple Select</label>
</div>

Và sau đó gọi js:

$(document).ready(function() {
    $('select').material_select();
});

jsfiddle

Việc triển khai thả xuống của MaterializeCSS không phải là một <select>khối. Nó chỉ là một phong cách <ul>. Do đó, tôi không tin rằng bạn có thể tận dụng nhiều lựa chọn khi triển khai chúng. Tôi sẽ sử dụng <select>khối mặc định như thế này:

<select class="browser-default" multiple>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

Lưu ý: bạn phải thêm browser-defaultlớp để MaterializeCSS không hiển thị nó.

Vì các thuộc tính css trên cùng và bên trái của nhãn được đặt thành ~ 0,8rem mỗi thuộc tính, bạn có thể thêm một quy tắc cụ thể vào li's:

#topics_dropdown li {
  height: 3rem;
}