2017-06-22 2 views
0
<!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> 

{{form}}を使用して生成されたtextfiledは、cssコマンドを使用して作成されたテキストファイルです。djangoフォームクラスによって作成された入力テキストファイルの境界線の半径を変更する方法はありますか?

+0

Django Widget Tweaksを使用してください。インストールしたら、フォームフィールドにcssクラスを追加できます – hansTheFranz

答えて

0

あなたは

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

として(CSSスタイルを含む)フォームに属性を追加することができますまたはあなただけの入力用のカスタムCSSクラス処理するためにtemplate tagを作成することができます。

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

をそして同様に呼び出しますこれは

{{ form.field|add_class:"foo" }} 
関連する問題