CSS:選擇的偽類類似于:checked,但是對于<select>元素有沒有辦法在<option>元素中設(shè)置當(dāng)前所選元素的樣式<select>?然后,我可以為當(dāng)前選定的選項(xiàng)元素提供背景顏色?這樣我就可以設(shè)置當(dāng)前在封閉下拉列表中可見的選項(xiàng)。
3 回答

弒天下
TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超8個(gè)贊
實(shí)際上,您只能設(shè)置幾個(gè)CSS屬性:修改后的選項(xiàng)元素。 color
也不起作用,background-color
但你可以設(shè)置一個(gè)background-image
。
你可以將它與漸變結(jié)合起來來做到這一點(diǎn)。
option:hover,option:focus,option:active,option:checked { background: linear-gradient(#5A2569, #5A2569);}
<select> <option>A</option> <option>B</option> <option>C</option></select>
適用于gecko / webkit。

qq_花開花謝_0
TA貢獻(xiàn)1835條經(jīng)驗(yàn) 獲得超7個(gè)贊
這對我有用:
select option { color: black;}select:not(:checked) { color: gray;}
添加回答
舉報(bào)
0/150
提交
取消