相关疑难解决方法(0)

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

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

v-select::hover {
  background-color: "#00857A";
}
Run Code Online (Sandbox Code Playgroud)
<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>
Run Code Online (Sandbox Code Playgroud)

selected background-color vuetify.js v-select

4
推荐指数
1
解决办法
2万
查看次数

删除 Vuetify 中的默认 v-input-file 图标

v-file-input 是 Vuetify v2 中出现的新组件。

<v-file-input multiple label="File input"></v-file-input>
Run Code Online (Sandbox Code Playgroud)

默认行为显示一个前置图标:

在此处输入图片说明

有没有办法摆脱它?

javascript vue.js vuetify.js

2
推荐指数
2
解决办法
2716
查看次数