我正在使用 django 渲染表單。表單中的欄位之一是帶有選項的選擇。
渲染表單域:
{{ form.work }}
渲染后的選擇選項是:
<select name="work" class="form-control" required="" id="id_work">
<option value="" selected="">---------</option>
<option value="chair">The chair</option>
<option value="table">The table</option>
</select>
如何更改每個值的背景顏色?因此,當我按下下拉箭頭以查看具有不同顏色的所有值時。
我使用 css 沒有成功。
select option[value="chair"] {
background-color: red !important;
}
select option:nth-child(2) {
background: red;
}
請注意,該表單由帶有選擇選項的不同欄位組成。我使用引導程式 4。
謝謝
uj5u.com熱心網友回復:
對于第二種樣式,您需要使用nth-of-type. 但作為 CSS 只有它有效:
select option[value="chair"] {
background-color: red;
}
select option:nth-of-type(3) {
background: green;
}
<select name="work" class="form-control" required="" id="id_work">
<option value="" selected="">---------</option>
<option value="chair">The chair</option>
<option value="table">The table</option>
</select>
uj5u.com熱心網友回復:
如果只有 2 個下拉值,您也可以設定一些標志。
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/374346.html
