Django 表单单选按钮的背景答案

【问题标题】：Background for radio button for Django formDjango 表单单选按钮的背景
【发布时间】：2016-06-15 13:45:33
【问题描述】：

我发现一些解决问题的代码和平，但所有这些都使用彼此靠近放置的输入标签和标签标签。 Django 表单将输入放在标签内，这就是代码在我的情况下无效的原因。我尝试过的一种变体here 任何建议或想法。谢谢大家！

input[type=radio] {
display:none;
}

input[type=radio] + label
{
background: #999;
height: 16px;
width: 16px;
display:inline-block;
padding: 0 0 0 0px;
}
input[type=radio]:checked + label
{
background: #0080FF;
height: 16px;
width: 16px;
display:inline-block;
padding: 0 0 0 0px;
}

【问题讨论】：

标签： css django forms radio-button

【解决方案1】：

解决了自定义表单模板的问题，并将解决方案应用到上面的css上。

{% for field in form %}
    {% for item in field %}
        <input id="id_name_{{ forloop.counter0 }}" name="name" type="radio" value="{{ item.choice_value }}">
        <label for="id_name_{{ forloop.counter0 }}">{{ item.choice_label }}</label>
    {% endfor %}
{% endfor %}

【讨论】：

【解决方案2】：

我还没有检查我的解决方案是否正确。但你可以这样写：

{% for field in form %}
    {% for radio in field %}
    {{ radio tag }}
    <label for="{{ radio.id_for_label }}" title="{{ radio.choice_label }}"></label>
    {% endfor %}
{% endfor %}

如需更多信息，可以阅读官方doc。

【讨论】：