So ändern Sie die Textfarbe von V-Select-Beschriftungen und -Elementen
P粉662361740
P粉662361740 2023-08-25 15:05:15
0
1
495
<p>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: </p> <pre class="brush:php;toolbar:false;"><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></pre>
P粉662361740
P粉662361740

Antworte allen(1)
P粉021708275

您可以使用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>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage