如何syle 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}}呈现为

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

在模板的<style>标签，我从codepen CSS代码，但它似乎也没有影响。

是不是可以通过在文件上使用CSS来设置django单选按钮的样式？我应该在外部包含我的CSS吗？

Answer 1

您可以使用id的正则表达式来呈现单选按钮的样式。最后包含包含以下代码的样式表，以提供更高的优先级。

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

^=表示starts with。相反，$ =表示ends with。

您还可以使用：

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

即使这些不工作使他们!important。