Как стилизовать выпадающее поле django-select2 с помощью bootstrap

Я использую django-filter, django-select2 и crispy forms для создания выпадающего списка с возможностью выбора, но поле django-filter выглядит как bootstrap, но я не могу изменить стиль в соответствии с другими полями ввода.

Вот мой макет хрустящих форм:

self.helper.layout = Layout(
        FieldWithButtons(
            Field(
                "original_filename", placeholder=SEARCH_TEXT, css_class="rounded"
            ),
            StrictButton(
                '<i class="fas fa-search"></i>',
                type="",
                css_class="no-spinner",
            ),
            css_class="mb-0 ml-5 input-group-sm input-icon input-icon-right rounded",
        ),
        Div(
            Field(
                "location",
                css_class="form-control my-0",
                wrapper_class="my-0 mx-1 w-200px"
            ),
            css_class="d-flex h-100 "
        ),
        Div(
            Div(
                HTML(SEARCH_TEXT),
                css_class="btn btn-secondary ml-1",
                onClick="$(this).closest('form').submit();",
            )
        ),
        Div(
            Div(
                Div(
                    HTML(mark_safe('<div class="fas fa-sort-amount-down"></div>')),
                    css_class="mx-2",
                ),
                css_class="d-flex align-items-center",
            ),
            Field(
                "o",
                css_class="mb-0 input-group-xs",
                wrapper_class="mb-0 input-group-xs",
                onChange="$(this).closest('form').submit();",
            ),
            css_class="d-flex flex-row ml-5",
        ),
        Div(css_class="ml-5 spinner spinner-primary d-none"),
    )

Таков текущий результат. Я пробовал использовать такие классы бутстрапов, как form-control, input-group, но это не изменило результат. Как вы можете видеть, второе поле ввода отличается от остальных.

Вернуться на верх