應用CSS類forms.RadioSelect部件

Question

我使用的ModelForm，並試圖建立一個CSS類上一個Django forms.RadioSelect小部件一樣

class Meta: 
    model = models.MyModel 
    fields = ('rating',) 
    widgets = { 
     'rating': forms.RadioSelect(attrs={'class':'star'}), 
    } 

但類=「明星」不會在得到渲染HTML。

def __init__(self, *args, **kwargs): 
    super(MyModelForm, self).__init__(*args, **kwargs) 
    self.fields['rating'].widget.attrs['class'] = 'star' 

也沒有工作：

我也嘗試使用。我嘗試與forms.Textarea小部件一樣的東西，在那裏我能夠獲得css類呈現。

我在這裏做了什麼錯誤或沒有RadioSelect只是不支持類屬性（我想類名應用於所有無線電輸入）？

Answer 1

與其他小部件一樣，複選框和無線小部件不會像Input那樣繼承。

類屬性確實適用於RadioSelect，但它被單獨應用於每個無線電輸入。

例如考慮下面的形式：

from django import forms 
class MyForm(forms.Form): 
    my_field = forms.ChoiceField(widget=forms.RadioSelect(attrs={'class': 'star'}), choices=(('x', 'x'), ('y', 'y'),)) 

它將輸出在模板下面的HTML：

<tr><th><label for="id_my_field_0">My field:</label></th> 
    <td> 
    <ul> 
     <li><label for="id_my_field_0"><input value="x" type="radio" class="star" name="my_field" id="id_my_field_0" /> x</label></li> 
     <li><label for="id_my_field_1"><input value="y" type="radio" class="star" name="my_field" id="id_my_field_1" /> y</label></li> 
    </ul> 
    </td> 
</tr> 

注意，類被施加到每個input元件。

Answer 2

你可以使用這個庫：https://pypi.python.org/pypi/django-widget-tweaks

它可以讓你做到以下幾點：

{% load widget_tweaks %} 
<!-- add 2 extra css classes to field element --> 
{{ form.title|add_class:"css_class_1 css_class_2" }}