为<选择>的按钮和下拉菜单使用不同的颜色

问：

我想自定义我网站中下拉列表的颜色。只需设置即可更改按钮和菜单颜色。根据这个答案，我尝试设置 ons，但它在 Firefox 菜单的顶部和底部留下了很少的父背景区域。当涉及时，情况会变得更糟。<select>background-colorbackground-color<option>:hover

在 2023 年有没有简单的方法可以解决这个问题？也许是一些我不知道的伪类？这个问题主要是关于Firefox的。Chrome 已经产生了可行的结果。

小提琴：https://jsfiddle.net/b5wo3adp/