V-select 라벨 및 항목의 텍스트 색상을 변경하는 방법
P粉662361740
2023-08-25 15:05:15
<p>v-select 라벨과 항목의 텍스트 색상을 변경하려고 했지만 해당 속성을 찾을 수 없습니다. 배경색을 변경할 수 있지만 v-select 내의 라벨이나 텍스트 항목은 변경할 수 없습니다. 샘플 코드는 다음과 같습니다. </p>
<pre class="brush:php;toolbar:false;"><div id="app">
<v-app id="inspire">
<v-용기액>
<v-row align="center">
<v-col
class="d-플렉스"
cols="12";
sm="6"
>
<v-선택
:items="아이템"
label="표준"
배경색="#000000"
색상="#ffffff"
></v-select>
</v-col>
</v-row>
</v-컨테이너>
</v-앱>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
您可以使用
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>