削除デフォルトのインデント

Question

forms.pyで、私は次のように定義しました：私のテンプレートで

SURVEY_YEAR_EMPTY_LABEL_CHOICES = [(1, 'Select Survey Year'), (2, 'Illegible'), (3, 'Not Provided')] 

class SurveyYearForm(forms.ModelForm): 
    survey_year = forms.ModelChoiceField(label='Survey Year', required = False, queryset=SurveyYear.objects.all(), empty_label=SURVEY_YEAR_EMPTY_LABEL_CHOICES) 

、私は次のようしている：

<div class="form-row"> 
    {{ form.survey_year.errors }} 
    {{ form.survey_year.label_tag }} {{ form.survey_year }} 
</div> 

空のラベルに関連付けられた選択肢はインデントで表示されます。このインデントを削除するにはどうすればよいですか？どんな助けもありがとう。ありがとう。

Answer 1

これは、Djangoがあなたのオプションセットをoptgroupの内部でレンダリングするために起こります。デフォルトで

<optgroup> 
    <option value="1">Select Survey Year</option> 
    <option value="2">Illegible</option> 
    <option value="3">Not Provided</option> 
</optgroup> 

ほとんどのブラウザでは、あなたがインデントを見ている理由ですOPTGROUP、内部のオプションにいくつかの左パディングを追加します。あなたのオプションのためのレンダリングされたHTMLは次のようになります。

optgroup > option { 
    padding-left: 0; 
} 

明らかに、ブラウザ間でテストする必要があります。

PS：あなたがこれを行うことができるという事実（empty_labelにタプルを供給すること）は、Djangoがフィールド値をどのようにレンダリングし、明らかに文書化された/サポートされていない動作であるかの人為的なものです。私はそれに頼るつもりはない。私はまた、3つの "空の"オプションを持つことが何を意味するのかよく分かりません！