Html 如何在内部添加不同颜色的文本<；选项>；选择的标签？

我曾尝试在线执行此操作，但没有成功：

<select id="pet-select">
  <option value="">--Please choose an option--</option>
  <option value="dog">Dog</option>
  <option value="cat"><h3 style="color:red">Cat</h3></option>
</select>

--请选择一个选项--
狗
猫

我在任何地方都找不到解决办法，有可能吗

编辑：

我没有提到我使用的是Select2，而不是普通的Select。它在Select中工作，但在Select2中不工作

像这样尝试

选择选项：第n个子项（2）{
颜色：蓝色；
}
选择选项：第n个子项（3）{
颜色：红色；
}

--请选择一个选项--
狗
猫

啊，对不起，我没有提到我使用的是Select2，而不是普通的Select。它在Select中起作用，但在Select2中不起作用