避免在Vuetify自动完成组件中闪烁Aria文本

时间:2018-08-03 05:01:21

标签: css vue.js wai-aria vuetify.js

正在加载我的自动完成组件时,有一段时间,下拉箭头呈现为文本“ arrow_drop_down”。这就是生成的HTML:

<div class="v-input__append-inner">
  <div class="v-input__icon v-input__icon--append">
    <i aria-hidden="true" class="v-ico material-ico">arrow_drop_down</i>       
  </div>
</div>

有没有办法防止这种情况?应用CSS样式并不简单,因为一旦箭头图标可用,它的样式就会相同。因此,例如,使用font-size: 0会使图标也消失。

产生以上结果的实际来源是:

       <v-autocomplete
            v-model="suburb"

            :items="suburbs"
            :label="'Start typing your suburb name'"
            :filter="customFilter"

            persistent-hint
            prepend-icon="mdi-city"
          >
      </v-autocomplete>

0 个答案:

没有答案