Question

https://codepen.io/pmulder/pen/qJrgbz

<v-autocomplete
  :loading="loading"
  :items="items"
  :search-input.sync="search"
  v-model="select"
  cache-items
  class="mx-3"
  hide-no-data
  hide-details
  label="What state are you from?"
  solo
  prepend-inner-icon="mdi-magnify"          
></v-autocomplete>

单击输入字段时，内部图标会更改颜色（在此示例中为蓝色）。有办法控制吗？例如，保持相同的颜色。

Answer 1

您可以使用color属性。 Documentation

<v-autocomplete
  :loading="loading"
  :items="items"
  :search-input.sync="search"
  v-model="select"
  cache-items
  class="mx-3"
  hide-no-data
  hide-details
  label="What state are you from?"
  solo
  prepend-inner-icon="mdi-magnify"
  color="#fff"          
></v-autocomplete>

Answer 2

您还可以使用“浅色”和“深色”道具根据主题修改颜色

Vuetify自动完成功能，聚焦时内部图标会更改颜色

2 个答案: