Использование Select Library с начальной загрузкой - CSS выглядит странно? - PullRequest
Новая
       13

Использование Select Library с начальной загрузкой - CSS выглядит странно?

0 голосов
/ 21 мая 2019

Я унаследовал проект php / laravel, который использует bootstrap и select2. Каждый раз, когда я помещаю элемент select и вызываю .select2(), дизайн выглядит странно, в итоге он выглядит так:

без нажатий:

enter image description here

Нажал:

enter image description here

Я не вижу стрелки или эффекта наведения. Бывшие программисты включали файлы css в select2 и объединяли их в одну довольно большую таблицу стилей, используя gulp. Я могу проверить элемент, и он показывает правильные назначаемые классы. Не совсем уверен, что не так, я даже попытался удалить все классы начальной загрузки, и все равно это выглядело как изображения.

Вот HTML: 

        <div class="col-sm-6">
            <div class="form-group">
                <label class="control-label" for="plants">Plant</label>
                <select name="plants" id="plants" class="form-control">
                    @foreach ($plants as $plant)
                    <option value="{{$plant->code}}">{{$plant->code}}</option>
                    @endforeach
                </select>
            </div>
        </div>

и для JQuery все, что у меня есть для этого элемента, это 

$("#plants").select2();

Может кто-нибудь помочь мне с этим?

Редактировать

Под странным я подразумеваю, что он не похож на стандартные выпадающие списки select2 со страницы библиотеки select2. Например, мне не хватает стрелки справа от раскрывающегося списка, чтобы показать пользователю, что он может щелкнуть элемент и просмотреть параметры. Я пропускаю выделение при наведении курсора на значение и т. Д. В качестве примера приведу созданную кем-то скрипку, показывающую пропущенные элементы: http://jsfiddle.net/mmoore99/fqUhJ/3/
...