How to change the text color of V-select labels and items

Question

I have been trying to change the text color of v-select labels and items but can't find the corresponding properties to do so, I can change the background color but not the labels or text items inside v-select. Here is sample code:

<div id="app">
    <v-app id="inspire">
        <v-container fluid>
            <v-row align="center">
                <v-col
                 class="d-flex"
                 cols="12"
                 sm="6"
                 >
                 <v-select
                 :items="items"
                 label="Standard"
                 background-color="#000000"
                 color="#ffffff"
          ></v-select>
        </v-col>
      </v-row>
    </v-container>
  </v-app>
</div>

Answer 1

You can customize the rendering of labels using the item slot:

<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>