如何使用 CSS 自定义 Django 表单样式？

为 Django 表单自定义 CSS 样式

在 Django 中，可以通过多种方法实现使用 CSS 样式化表单。要提供具有特定类或 ID 的外部样式表，请考虑以下选项：

1. 小部件属性修改：
   对于非模型表单，您可以添加属性来形成小部件。例如：

   class ContactForm(forms.Form):
       subject = forms.CharField(max_length=100, widget=forms.TextInput(attrs={'class': 'my-subject-class'}))

2. 模型表单元类属性：
   对于模型表单，您可以在 Meta 内部类中指定小部件及其属性。例如：

   class ContactForm(forms.ModelForm):
       class Meta:
           model = Contact
           widgets = {
               'subject': forms.TextInput(attrs={'class': 'my-subject-class'}),
           }

3. 模型表单初始化挂钩：
   在模型表单初始化方法中，可以动态添加属性。这提供了精细的控制：

   class ContactForm(forms.ModelForm):
       class Meta:
           model = Contact
   
       def __init__(self, *args, **kwargs):
           super(ContactForm, self).__init__(*args, **kwargs)
           self.fields['subject'].widget.attrs.update({'class': 'my-subject-class'})

通过使用这些技术，开发人员可以增强 Django 表单的样式并使用外部 CSS 规则自定义其外观。

以上是如何使用 CSS 自定义 Django 表单样式？的详细内容。更多信息请关注PHP中文网其他相关文章！