怎樣才能改變由django表單類創建的輸入文本字段的邊框半徑？

<!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}}生成的textfiled不採用css命令。怎樣才能改變由django表單類創建的輸入文本字段的邊框半徑？

來源

2017-06-22 Rajiv Shah

使用Django Widget調整。安裝完成後，您可以將任何css類添加到表單字段 – hansTheFranz

可以作爲

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

來源

2017-06-22 05:49:05 mikep

屬性添加到您的形式（包括CSS樣式），或者你可以創建一個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" }}

來源

2017-06-22 06:46:51 Lara

怎樣才能改變由django表單類創建的輸入文本字段的邊框半徑？

回答

相關問題