So ändern Sie die Textfarbe von V-Select-Beschriftungen und -Elementen

Question

Ich habe versucht, die Textfarbe von V-Select-Beschriftungen und -Elementen zu ändern, kann aber die entsprechenden Eigenschaften dafür nicht finden. Ich kann die Hintergrundfarbe ändern, aber nicht die Beschriftungen oder Textelemente in V-Select. Hier ist ein Beispielcode:

<div id="app">
    <v-app id="inspire">
        <V-Behälterflüssigkeit>
            <v-row align="center">
                <v-col
                 class="d-flex"
                 cols="12"
                 sm="6"
                 >
                 <v-select
                 :items="items"
                 label="Standard"
                 Hintergrundfarbe="#000000"
                 color="#ffffff"
          ></v-select>
        </v-col>
      </v-row>
    </v-container>
  </v-app>
</div>

Answer 1

您可以使用item插槽来自定义标签的渲染：

<v-select :items="items" label="Standard" background-color="#000000" color="#ffffff">
  <template #item="{item}">
    <span style="color:white; background:blue">{{item.name}}<span>
  </template>
</v-select>