CSS로 django-multiselectfield 스타일을 지정하는 방법

Question

내 양식에서 'django-multiselectfield'를 사용하여 사용자가 내 양식에서 여러 개의 '영역'을 선택할 수 있습니다. 지금 내가 알고 싶은 것은 CSS를 사용하여 multiselectfield를 어떻게 스타일링 할 수 있는가이다.

나는 일반적으로 모델 필드의 모든 다른 유형처럼 단순히 내 템플릿에 양식 필드에 클래스를 추가하는 시도했지만 운이 :

{% render_field form.area class="area" %} 

어떤 도움은 많이 인정되지 않을 것입니다.

Answer 1

이것은 `django-multiselectfield' 문서에 설명되어 있습니다. 구체적으로는

양식 템플릿에서이 위젯의 ​​HTML을 사용자 정의 할 수 있습니다. 이렇게하려면 양식 {field}.field.choices을 반복해야합니다. 다음은 providers이라는 providers이라는 확인란의 필드 라벨을 표시하는 예입니다.

Answer 2

다음은 내가 한 일례입니다.

{% for field in form %} 
    <div class="fieldWrapper">{{ field.errors }} 
    <input type="{{ field.field.widget.input_type }}" name="{{ field.html_name }}" id="{{field.id_for_label}}" class="col-12 input-login" placeholder="{{field.label}}" > 
    {% if field.help_text %} 
     <p class="help">{{ field.help_text|safe }}</p> 
    {% endif %} 
    </div> 
{% endfor %} 

이제 간단한 html 입력 필드 인 것처럼 필드를 사용자 정의 할 수 있습니다. 이 page에는 상세한 설명이 있습니다. 비터

했네은 ------ 편집 -----

거의 잊어 버렸습니다. 이것은 일반적인 양식의 예입니다. django-multiselectfield의 공식 문서를 통해 필드 속성 이름을 가져와 해당 속성을 바꿔야합니다.

Answer 3

양식을 수동으로 렌더링하고 루프를 반복하는 것이 좋습니다.

당신이 질문 모델에 외래 키와 선택 모델을 말해봐, 당신은 이런 식으로 그것을 할 수 :

<form class="qform" action="" method="post"> 
    {% csrf_token %} 
    <p class="title">{{ form.question }}</p> 
    {% for choice in form.choice_set.all %} 
     <input type="checkbox" name="{{ choice }}" id="{{ choice }}{{ forloop.counter }}" 
       value="{{ choice.id }}"> 
     <label for="{{ choice }}{{ forloop.counter }}">{{ choice }}</label> 
    {% endfor %} 
</form> 

당신이 입력 및 라벨을 참조 할 수 있습니다

당신의 style.css 같은 :

input[type="checkbox"]{ 
    some: stuffs...; 
} 

label { 
    some: stuffs...; 
} 

도움이되기를 바랍니다.