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

【问题标题】：How do you add custom css to django form: form.as_p?如何将自定义 css 添加到 django 表单：form.as_p？
【发布时间】：2016-01-09 09:49:35
【问题描述】：

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

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

【问题讨论】：

CSS styling in Django forms 的可能重复项 - 这可以帮助您，它适用于表格，但也适用于 p。

标签： python css django

【解决方案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'})

【讨论】：

这不会将类添加到
标记，而是将类添加到输入文本字段。