如何更改由 django 表单类创建的输入文本字段的边框半径？答案

【问题标题】：how can change the border radius of the the input text filed created by django forms class?如何更改由 django 表单类创建的输入文本字段的边框半径？
【发布时间】：2017-11-25 05:42:03
【问题描述】：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="design" style="border-radius:5px; border-color: darkgoldenrod; 
color: aquamarine; ">
<form action="/form/2" method="post">
{% csrf_token %}
{{ form }}
<input type="submit" value="Submit" />
</form>
</div>
 <input type="text" style="border-color: darkgoldenrod; border-radius: 
10px;" />
</body>
</html>

使用 css 命令创建的文本文件，但使用 {{form}} 生成的文本文件不使用 css 命令。

【问题讨论】：

使用 Django 小部件调整。安装后，您可以将任何 css 类添加到表单字段

标签： html css django django-forms django-templates

【解决方案1】：

您可以将属性添加到表单（包括 css 样式）

class MyForm(forms.ModelForm):
    class Meta:
        model = MyModel
        widgets = {
            'myfield': forms.TextInput(attrs={'style': 'border-color:darkgoldenrod; border-radius: 10px;'}),
        }

【讨论】：

为我工作，能够编辑 >> from django.contrib.auth.forms import UserCreationForm

【解决方案2】：

或者您可以创建一个 template tag 来处理输入的自定义 css 类：

@register.filter(name='add_class')
def add_class(value, arg):
    return value.as_widget(attrs={'class': arg})

然后像这样调用：

{{ form.field|add_class:"foo" }}

【讨论】：