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

Question

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

Jquery 当页面加载时。

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

<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>

Answer 1

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

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

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

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