Vue.js Ionic Vue：如何更改选定选项的文本颜色？

我有一个带有vue的简单离子选择组件：

<template>
  <ion-item>
    <ion-label position="floating">Select</ion-label>
    <ion-select>
      <ion-select-option value="brown">Brown</ion-select-option>
      <ion-select-option value="blonde">Blonde</ion-select-option>
      <ion-select-option value="black">Black</ion-select-option>
      <ion-select-option value="red">Red</ion-select-option>
    </ion-select>
  </ion-item>
</template>

<script>
import { IonItem, IonLabel, IonSelect, IonSelectOption } from '@ionic/vue';

export default{
  components: { IonItem, IonLabel, IonSelect, IonSelectOption },
};
</script>

挑选
棕色的
金发女郎
黑色
红色
从“@ionic/vue”导入{IonItem、IonLabel、IonSelect、IonSelectOption}；
导出默认值{
组件：{IonItem、IonLabel、IonSelect、IonSelectOption}，
};

一旦用户选择了一个选项，我想分别为其上色：

不幸的是，这些文档只向我透露了选择下拉列表（）中选择选项的颜色

为了给选定的选项上色，我尝试了以下方法

<ion-select-option value="brown"><span style="color:brown">Brown</span></ion-select-option>

Brown

或

Brown

我怎样把它涂成棕色？

5 您可以使用它。
对于

ion select

组件，外露部分为

图标

、

占位符

和

文本

ion-select::part(text) {
  color: brown;
}

不幸的是，我不知道如何使用早期版本的Ionic实现这一点。

---

不过，它可能适用于最新版本的爱奥尼亚4。

非常适用。谢谢

ion-select::part(text) {
  color: brown;
}