时间戳

首页 > 解决方案 > Vuetify：如何在 v-select 组件中指定所选项目的背景颜色

background-color - Vuetify：如何在 v-select 组件中指定所选项目的背景颜色

问题描述

我在 Vue 应用程序中有一个 v-select 小部件（组合框/选择）。当我打开它并将鼠标悬停在一个选项上时，该选项的背景颜色会突出显示（当前为浅灰色）。当鼠标箭头悬停在选项上时，我希望背景颜色具有不同的颜色。我看不到支持此功能的 v-select 小部件的属性。有没有办法做到这一点？

v-select::hover {
  background-color: "#00857A";
}

<v-select
    append-icon="../assets/img/sy-arrow-chevron-down.svg"
    background-color="white"
    :height="68"
    item-text="label"
    item-value="key"
    class="mr-3"
    v-model="type"
    :width="421"
    :items="searchCriteria"
    @change="performSearch()"
  ></v-select>

标签： background-colorvuetify.jsselectedv-select

解决方案

将item-color属性添加到v-select

推荐阅读