首页 > 解决方案 > 如何将 CSS 类应用于 Django 表单中的下拉菜单?

问题描述

我有一个表单,它有两个字段,它们是通过外键显示来自其他模型的对象的下拉列表。

class NewFlight(ModelForm):

    class Meta:
        model = Flight
        fields = ('date', 'flight_id', 'company', 'airport')


    def __init__(self, *args, **kwargs):
        super(NewFlight, self).__init__(*args, **kwargs)
        self.fields['date'].widget = forms.DateTimeInput(attrs={'class': 'form-control', 'data-target': '#datetimepicker1'})
        self.fields['flight_id'].widget = TextInput(attrs={'class': 'form-control'})

两者companyairport都是来自另一个模型的对象。

所以,如果在def __init__我使用forms.Select小部件和 class form-control,我会得到正确的样式,但所有下拉列表都是空的。如果我只是保留默认表单,则所有“公司”都会正确显示。

标签: pythondjangodjango-3.0

解决方案


我正在回答我自己的问题:我最终使用了django-widget-tweaks


推荐阅读