使用select2时如何删除Materialize的select下拉列表？

Question

我同时使用MaterializeCSS和Select2，并且具有正常状态：

<label>Seleção de PFJ</label>
<select id="manual-download-pfj-select" name="pfj-select" multiple></select>

然后：

$("#manual-download-pfj-select").select2({width: "100%"});

一切正常，除了一个问题：

我得到了这种令人讨厌的下拉重复（这是MaterializeCSS的默认重复，但是它没有搜索功能，因此我只想删除它）。 I've seen libraries结合了MaterializeCSS和Select2，但它们无用，因为它们仅更改颜色/主题，并保持无用的重复。 with 搜索功能之一。

Answer 1

我设法通过直接删除select-wrapper的可见性来做到这一点：

.select-wrapper {
    display: none !important;
}

这还远非理想，但这似乎是唯一的方法。 现在我可以使用这些.css改编使Select2看起来像MaterializeCSS。

Answer 2

我将使用browser-default类，该类告诉框架跳过元素：

<div class="row">
  <label class="">Seleção de PFJ</label>
    <select class="browser-default" multiple>
      <option value="1">example 1</option>
      <option value="2">example 2</option>
      <option value="3">example 3</option>
    </select>
</div>

这将保留Select2的搜索功能：