更改 v-select 组件的图标颜色

Question

我为v-select组件设置了一个图标，但我想将其颜色更改为红色。

<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"
            prepend-icon="edit"
          ></v-select>
        </v-col>
      </v-row>
    </v-container>
  </v-app>
</div>

代码笔

如何给图标上色？

Answer 1

只需使用插槽前置

<v-select
  :items="items"
  label="Standard">
  <template v-slot:prepend>
    <v-icon color="red">edit</v-icon>
  </template>
</v-select>