How to remove underline from v-text filed or v-input filed

Question

I try to remove underline from v-input, v-text or v-autocomplete fileds in Vuetify, but I couldn't find how

Is there any way to remove underline from v-input, v-text or v-autocomplete fileds in Vuetify.

Answer 1

On v-text add "solo" and "flat" prop. works on v-input and v-autocomplete.

<v-text-field flat solo></v-text-field>

Flat: description from vuetify documentation "Removes elevation (shadow) added to element when using the solo or solo-inverted props"

There is a playground in vuetify which can help you as well. https://vuetifyjs.com/en/components/text-fields/