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上的正则表达式来设置呈现的单选按钮的样式。最后包含包含以下代码的样式表以提供更高的优先级。

Sub outputTablesAndColumns()

' Assumes that a variable called `Cn` is in scope
' and that `Cn` refers to an open ADODB.Connection

' Extract the schema
Dim rs As ADODB.Recordset
Set rs = Cn.OpenSchema(adSchemaColumns)

' Output the field names and the results
Dim fld As ADODB.Field
Dim i As Integer

With Worksheets("Sheet4")
    .UsedRange.ClearContents

    For Each fld In rs.Fields
        i = i + 1
        .Cells(1, i).Value = fld.Name
    Next fld

    .Cells(2, 1).CopyFromRecordset rs
    .Cells.Columns.Autofit
End With

' Tidy up
rs.Close

End Sub

^ = 表示[id^=id_queue]{ ....... ....... }。相反， $ = 表示starts with。

您也可以使用：

ends with

即使这些不起作用，也要input[type="radio"]{ ...... ...... }。

如何设置Django渲染单选按钮的样式？

1 个答案: