Django - Как стилизовать фильтр поиска?

У меня проблемы со стилизацией фильтра поиска. Я пробовал использовать виджет и смог настроить только размер поискового фильтра. Мой фильтр поиска все еще выглядит очень общим, и мне, как новичку, трудно понять, как его стилизовать.

Я знаю, как стилизовать его с помощью css, который показан в коде ниже

Вот код моего фильтра:

class Product (django_filters.FilterSet):
    search = CharFilter(
        field_name="search",
        lookup_expr="icontains",
        widget=forms.TextInput(attrs={
            'size': 100,
        })
    )

css для строки поиска: 

.search{
  float: right;
  padding: 6px;
  border: none;
  margin-top: 8px;
  margin-right: 16px;
  font-size: 17px;
}

Вы можете добавить .search в class=".." attrs:

class Product(django_filters.FilterSet):
    search = CharFilter(
        field_name='search',
        lookup_expr='icontains',
        widget=forms.TextInput(attrs={
            'size': 100,
            'class': 'search'
        })
    )
Вернуться на верх