Django表單的單選按鈕背景

我發現了一些解決問題的代碼，但所有這些都使用放置在彼此附近的輸入標籤和標籤標籤。 Django在標籤中放置了輸入，這就是爲什麼代碼在我的情況下無效。其中一個變種我試過here 任何建議或想法。謝謝大家！Django表單的單選按鈕背景

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; 
}

來源

2016-03-02 user1564009

解決了問題自定義表單模板並將解決方案應用於上面的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 %}

來源

2016-03-04 07:17:27 user1564009

我還沒有檢查我的解決方案是否正確。但你可以這樣寫：

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

欲瞭解更多信息，您可以閱讀官方doc。

來源

2017-09-02 06:01:26

Django表單的單選按鈕背景

回答

相關問題