Javascript 将类添加到Vuetify的v-select组件的第一项

我正在使用，我想向v-select组件的第一项添加一个类，例如，使第一项a的文本显示为红色

似乎项目列表是自动生成的，我不知道如何访问单个项目

我有这个：

<v-select
    v-model="selected"
    :items="items"
    chips
    label="Some Items"
    multiple
    outlined
    cache-items
></v-select>

这是否可能使第一个条目A显示为红色？如果，如何

---

谢谢你的帮助

如果第一个项目不是真正的项目，比如全选，那么可以使用前置项目槽来实现。看

要仅使第一项变为红色，可以使用：first-child选择器。可以使用菜单道具设置内容类，以向菜单本身添加合适的CSS类

此示例演示了这两种技术：

新Vue{ el:“应用程序”， vuetify：新的vuetify， 资料{ 返回{ 项目：[“A项”、“B项”、“C项]， 已选择1:[]， 已选择2:[] } } } .红色文本{ 颜色：红色； } .red first item.v-list-item:第一个子项.v-list-item\标题{ 颜色：红色； } 红色物品

---

谢谢您能否编辑代码段，使项目A为红色，而不是单独的项目？@LucienChardon我的示例包括两个选项，但运行时高度小得可笑，这可能使您无法看到第二个选项。我现在禁用了控制台，使其更易于查看。如果仍然看不到“完整页面”链接，请尝试单击该链接。我相信第二个选择是做你在评论中描述的事情。