选择带有彩色选项

Question

我想要一个选项，其中每个选项都以其风格显示。 我在网上搜索，我发现了这个：

Change Text Color of Selected Option in a Select Box

我用这个做了一个片段：

.greenText{ background-color:green; }

.blueText{ background-color:blue; }

.redText{ background-color:red; }

<select
    onchange="this.className=this.options[this.selectedIndex].className"
    class="greenText">
     <option class="greenText" value="apple" >Apple</option>
    <option class="redText"   value="banana" >Banana</option>
    <option class="blueText" value="grape" >Grape</option>
</select>

我在这里的内容很好，但我也希望在选择菜单中显示选项的颜色（当我们点击选择按钮时，我希望所有选项都以自己的颜色显示）

我也想在这里看到颜色：

是否可以在HTML / CSS中执行此操作？也许使用javascript / jquery？