如何删除自动完成组件中的 vuetify 组件 class 或下划线？

Question

我使用了 vuetify 的自动完成组件。我要去掉组件默认的class或者去掉自动补全组件的下划线

或者要删除这个 class:

有什么可行的方法吗？真的很感激任何帮助！提前致谢！

Answer 1

在模板部分，你必须这样写

 <v-container fluid>
        <v-row
          align="center"
        >
          </v-col>
          <v-col cols="12">
            <v-autocomplete
              v-model="values"
              :items="items"
              dense
              chips
              small-chips
              label="Solo"
              multiple
              solo
            ></v-autocomplete>
          </v-col>
        </v-row>
      </v-container>

在样式部分你必须这样写

.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat)>.v-input__control>.v-input__slot {
    box-shadow: 0 0 0 0 !important;
}

here 是活生生的例子

如何删除自动完成组件中的 vuetify 组件 class 或下划线？

How to remove vuetify component class or underline in autocomplete component?

html

css

web-frontend

vue.js

vuetify.js