vue.js - How to disabled hover in v-select in Vuetify

Question

In this situation, I need help with vuetify`s styles Can someone clarify how I can change the style of lists inside in select? for now, highlighted whole block with an available list Basically, I m need to highlight only one option from this list If someone knows how to change this styles I'm were very grateful This is my code

    <v-select
         ref="hoverSelect"
         v-model="productData.filters"
         :items="filterGroup"
         :rules="fieldRules"
         item-text="name"
         item-value="id"
         chips
         label="Filters"
         multiple
         solo
         class="hoverSelect"
    >

    <template v-slot:item="{item, index}">
        <v-list tile subheader style="width: 100%" >
            <v-list-item >
                <v-list-item-content>
                    <v-subheader>{{item.name}}</v-subheader>
                </v-list-item-content>
                <v-list-item-action-text>Кол-во фильтров: {{item.filters_count}} шт</v-list-item-action-text>
            </v-list-item>
            <v-divider class="ma-0"></v-divider>
            <v-list-item-group multiple v-for="filter in item.filters" :key="filter.id" >
                <v-list-item>
                    <template v-slot:default="{ active }">
                        <v-list-item-action>
                            <v-checkbox :input-value="active"></v-checkbox>
                        </v-list-item-action>
                        <v-list-item-content>
                            <v-list-item-title>{{ filter.name }}</v-list-item-title>
                        </v-list-item-content>
                    </template>
                </v-list-item>
            </v-list-item-group>
            <v-divider class="ma-0"></v-divider>
        </v-list>
    </template>
</v-select>

question from:https://stackoverflow.com/questions/65952303/how-to-disabled-hover-in-v-select-in-vuetify

Answer 1

Waitting for answers