Comment changer la couleur du texte des étiquettes et des éléments V-select

Question

J'ai essayé de changer la couleur du texte des étiquettes et des éléments de v-select, mais je ne trouve pas les propriétés correspondantes pour le faire. Je peux changer la couleur d'arrière-plan mais pas les étiquettes ou les éléments de texte à l'intérieur de v-select. Voici un exemple de code :

<div id="app">
    <v-app id="inspirer">
        <liquide du récipient en V>
            <v-row align="centre">
                <v-col
                 class="d-flex"
                 cols="12"
                 sm="6"
                 >
                 <v-sélectionner
                 :items="articles"
                 label="Standard"
                 couleur d'arrière-plan = "#000000"
                 couleur="#ffffff"
          ></v-select>
        </v-col>
      </v-rangée>
    </v-conteneur>
  </v-app>
</div>

Answer 1

Vous pouvez personnaliser le rendu des étiquettes à l'aide de item slots :

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