Как стилизовать выпадающее поле 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, но это не изменило результат. Как вы можете видеть, второе поле ввода отличается от остальных.