"Transparent" v-text-field in vuetify?

Question

I need to create v-text-field without background, borders or shadows, is that possible? Docs specify only these types:

But neither of them suit my needs.

What's the simplest way to achieve this?

I tried this but it didn't remove the background (in dark mode).

Answer 1

You can override default v-text-field styles in your css.

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

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