如何将自定义 css 添加到 django 表单：form.as_p？

Question

我花了一些时间向带有提交按钮的输入字段添加一些 css。 然而，我仍然只是在学习如何使用 django 表单，发现我必须在我的模板中使用“form.as_p”。 结果，我失去了我想要的造型。 有什么方法可以为 django 表单元素添加样式？！

Ps 我没有发布我的任何代码，因为它是标准的。 只是一个与表单/模型连接的常规模板。 只是好奇如何添加样式。

Answer 1

您的 Django 表单元素使用与给定字段名称匹配的 id 呈现，例如这样的表单：

BasicForm(forms.Form):
    first_name = models.CharField(...)
    last_name = models.CharField(...)

将使用每个输入元素（如 first_name_id 和 last_name_id）呈现 id，然后您可以使用这些 id 应用 css 样式，如果您希望向所有表单字段添加一个类（如果您使用类似 bootstrap 的东西），您可以修改表单字段小部件像这样：

BasicForm(forms.Form):
    first_name = models.CharField(...,
                                  widget=forms.TextInput(attrs={'class' : 'myclass'})
    last_name = models.CharField(...,
                                 widget=forms.TextInput(attrs={'class' : 'myfieldclass'})