如何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。