：在HTML下拉列表中的内容之前<；选项>；不起作用

我想在选项标签前显示色点，如下所示：

这是我的代码，我把

：放在
CSS属性之前以显示点，但它不起作用！我不知道为什么它不工作，任何帮助将不胜感激。请务必让我知道是否有替代方案来实现输出


option:before，h1:before{
内容：“；
显示：内联块；
z指数：1；
背景：黄色；
垂直对齐：中间对齐；
宽度：8px；
高度：8px；
边界半径：50%；
利润率：8px；
}

黄色的
绿色
蓝色
在这里它在H1中工作你只能将文本作为选项的子项：哦，好吧，但是我如何制作问题中附加的屏幕截图？使用插件，这样你就可以创建一个样式化的下拉列表-这是我通常使用的：你只能将文本作为选项的子项：哦，好吧，但是我如何制作问题中附带的屏幕截图呢？使用插件，这样你就可以创建一个样式化的下拉列表-这是我通常使用的一个：