Как я могу удалить выпадающий список Materialise при использовании select2? - PullRequest
Новая
       8

Как я могу удалить выпадающий список Materialise при использовании select2?

0 голосов
/ 10 декабря 2018

Я использую оба 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%"});

Все в порядке, кроме одной проблемы:

enter image description here

Я получаю это досадное повторение выпадающего меню (которое по умолчанию используется в MaterializeCSS, но у него нет функции поиска, поэтому я хочу просто удалить его). Я видел библиотеки для объединения MaterializeCSS и Select2, но они бесполезны, поскольку они меняют только цвет / тему, сохраняя бесполезное повторение.Либо один, либо другой, с функцией поиска.

Ответы [ 2 ]

0 голосов
/ 10 декабря 2018

Я бы использовал класс 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:

enter image description here

0 голосов
/ 10 декабря 2018

Мне удалось сделать это, удалив вязкость селекторной оболочки напрямую: 

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

Это далеко от идеала, но, похоже, это единственный выход. Теперь Я могу использовать эти адаптации .css, чтобы Select2 выглядел как MaterializeCSS.

...