djangoはラジオボタンをレンダリングする方法を教えてください。

Question

私は私のテンプレート上のユーザーにラジオボタンの選択肢を表示しているdjangoフォームを持っています。しかし、これらのラジオボタンは非常に当たり障りのないですので、私はそれらをスタイルしたい、これらの行に何か：https://codepen.io/manabox/pen/raQmpL

ここに私のフォームです：

class SampleTicketForm(forms.Form): 
    queue = forms.ChoiceField(
     widget=forms.RadioSelect(), 
     label=_('What do you need help with?'),  
     required=True, 
     choices=() 
    ) 

彼らはに基づいて変化する可能性があるため、選択肢は私の意見に充填されていますユーザー。私のテンプレートで

は、私がしている：

<form role="form" method='post'> 
{% csrf_token %} 
{{form.queue.0}} 
</form> 

{{form.queue.0}}が

テンプレートの <style>タグで

<label for="id_queue_0"><input id="id_queue_0" name="queue" value="0" type="radio"> Order Issues</label>

としてレンダリングし、私はそのcodepenからCSSコードを持っているが、ありません持っているようです効果。

ファイルでCSSを使用してdjangoラジオボタンをスタイルすることはできませんか？ CSSを外部に含めるべきですか？

Answer 1

idで正規表現を使用すると、レンダリングされたラジオボタンをスタイルできます。最後に、下のコードを含むスタイルシートを含めて優先度を上げてください。

[id^=id_queue]{ 
    ....... 
    ....... 
} 

^=starts withを示しています。逆に、$ =は、ends withを示す。

また、使用することができます。

input[type="radio"]{ 
    ...... 
    ...... 
} 

とにもこれらが動作しない場合は、それら!importantします。