如何用纯 CSS 自定义下拉菜单呢？

用了 Windows 10 和 Chrome 的暗色模式，用了 V2EX 的暗色模式，那 V2EX plus 如果不是暗色总是不协调的，于是自己改了下 options.css ，那么，问题来了。。。有这么一段：

<div class="item-secondary dropdownMenu">
    <select name="customNode" id="customNode">
        <option value="www">国内 1 （默认）</option>
        <option value="fast">国内 2</option>
        <option value="sjc">美国 1</option>
        <option value="uk">美国 2</option>
        <option value="jp">日本</option>
        <option value="neue">全球 1</option>
        <option value="lax">全球 2</option>
        <option value="-1">关闭</option>
    </select>
</div>

然后查看 CSS 文件，是这么写的：

.item > .dropdownMenu {
  width: auto;
  display: flex;
  align-items: center;
  -webkit-margin-end: 1.6rem;
}

.item > .dropdownMenu > select {
  width: 10rem;
  -webkit-appearance: none;
  border: none;
  border-bottom: 1px solid #E0E0E0;
  outline: none;
  padding-bottom: 4px;
  -webkit-padding-start: 5px;
  background: url(data:_image_base64_) center right no-repeat;
  background-size: 0.7em;
  font-family: inherit;
  font-size: inherit;
}

改来改去，除了下拉的候选列表，其它的都改成自己期望的颜色了：

那么，这个下拉列表里，怎么用纯 CSS 把颜色也改一下呢？

附相关信息：暗色主题：

@import url("//jkjoke.b0.upaiyun.com/css/v2ex-dark.css"); 
/*@import url("//jkjoke.b0.upaiyun.com/css/v2ex.css");*/

v2ex plus source code: v2ex plus@github