css - Vuetify 自动完成，聚焦时内部图标会改变颜色

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

您可以使用颜色属性。 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>