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

Posted

技术标签:

【中文标题】如何更改由 django 表单类创建的输入文本字段的边框半径?【英文标题】:how can change the border radius of the the input text filed created by django forms class? 【发布时间】: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 类添加到表单字段 【参考方案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" 

【讨论】:

以上是关于如何更改由 django 表单类创建的输入文本字段的边框半径?的主要内容,如果未能解决你的问题,请参考以下文章

如何更改由背景颜色确定的文本颜色?

如何将类添加到 Django 表单中的字段标记

在Django中的文本字段上禁用自动完成?

更改由AngularJs从Chrome内容脚本动态创建的包装选择的值

django 显示文本字段

Django Form ---当光标在字段中时如何从表单中删除初始文本