如何在表单选择中添加不同颜色的选项值？答案

【问题标题】：How to add different color of option value inside form-select?如何在表单选择中添加不同颜色的选项值？
【发布时间】：2022-07-16 11:11:10
【问题描述】：

我试图将日历名称设为黑色，并且只有点 ● 应该是彩色的（红色、蓝色、绿色和黄色）。这是我的代码。

class="form-select form-select-lg"
aria-label=".form-select-lg example">
<option  v-for="calendar in edit.calendars"
    :value="calendar.calendar_name"> <i class="fas fa-circle" :style="{color:calendar.calendar_color}" ></i>
        <span>[[calendar.calendar_name]]</span>
</option>
</select>

我想要这样的解决方案 expected output

【问题讨论】：

请澄清您的具体问题或提供其他详细信息以准确突出您的需求。正如目前所写的那样，很难准确地说出你在问什么。

标签： html select

【解决方案1】：

你不能，你可以使用其他组件，比如下拉菜单和使用列表来做圆圈，或者你必须使用一些插件，比如 select2，你会得到预期的输出

https://select2.org/

【讨论】：