如何使用 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中文網其他相關文章！