"Transparent" v-text-field 在 vuetify 中？

Question

我需要创建 v-text-field 没有背景、边框或阴影，这可能吗？文档仅指定这些类型：

但两者都不符合我的需要

实现此目标的最简单方法是什么？

我试过 this 但它没有删除背景（在深色模式下）。

Answer 1

您可以覆盖 css 中的默认 v-text-field 样式。

<v-text-field
    class="text-field-transparent"
    solo
    flat
/>

.text-field-transparent  .v-input__slot {
  background: transparent !important;
}