代码之家 › 专栏 › 技术社区 › Paolo_Mulder

Vuetify自动完成,内部图标在聚焦时改变颜色

vuetify.js css

Paolo_Mulder · 技术社区 · 7 年前

<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>

1 回复 | 直到 7 年前

Bilal Akbar 7 年前

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

Michael Mudge 4 年前

你也可以根据你的主题用“亮”和“暗”来修改颜色

推荐文章

Tyssen · Vue3组件中没有可用的道具

9 月前

Felix · 更改vuetify v-field标签字体大小

10 月前

Qiuzman · 如何确保v-combobox中的所有项目都遵循规则

1 年前

Iliya · @更新:Vuetify3中的分页?

1 年前

leojail · 如何在保持最右侧列对齐的同时,将项目包装在div中来对齐项目?

1 年前

Myriad · VueJS CSS动画未扩展到v-card/v-col之外

1 年前

tsiPlus · 从v-autocomplete vuetify组件中清除选择

1 年前

Developer · Vuetify快速失败不会阻止发送表单

2 年前

ekjcfn3902039 · Vuetify/Vue3插槽在模板之间隐藏

2 年前

KorbenDose · Vue Transition无法使用v-autocomplete

2 年前