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

Question

我使用了 vuetify 的自动完成组件。我将删除组件的默认类或删除自动完成组件的下划线。

或者删除此类：

有任何可能的方法吗？非常感谢任何帮助！先感谢您！

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

这里 是一个活生生的例子