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

Question

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

但它们都不适合我的需要。

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

我试过这个，但它没有删除背景（在黑暗模式下）。

标签： vue.jsvuetify.js

Answer 1

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

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

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