gpt4 book ai didi

javascript - 如何在没有填充选项背景颜色的情况下更改选择器背景颜色?

转载 作者:搜寻专家 更新时间:2023-10-31 08:15:54 24 4
gpt4 key购买 nike

当我更改我选择的背景颜色时,它会出现在所有选项中。但我想得到 UI 如下。如何仅更改选择器区域的背景颜色。

Jquery 当页面加载时。

$("#age1").css("background-color", "#fe5a5f"); 

enter image description here

<select id="age1">
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21" selected="">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
</select>

最佳答案

使用另一个 css 选项,白色背景和选择器区域不会受到影响

$("#age1").css("background-color", "#fe5a5f"); 
$("#age1 option").css("background-color", "transparent");

选择器区域将是彩色的,选项将是透明背景

工作 fiddle :https://jsfiddle.net/owgpsf7a/

关于javascript - 如何在没有填充选项背景颜色的情况下更改选择器背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36468478/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com