如何更改由 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 表单类创建的输入文本字段的边框半径?的主要内容,如果未能解决你的问题,请参考以下文章