vuetify中的“透明” v-text-field？

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