如何从 v-text 文件或 v-input 文件中删除下划线 [英] How to remove underline from v-text filed or v-input filed

问题描述

我尝试从 Vuetify 中的 v-input、v-text 或 v-autocomplete 文件中删除下划线，但我找不到方法

有没有办法从 Vuetify 中的 v-input、v-text 或 v-autocomplete 文件中删除下划线.

解决方案

在 v-text 上添加solo"和平面"支柱.适用于 v-input 和 v-autocomplete.

Flat:来自 vuetify 文档的描述在使用独奏或独奏反转道具时删除添加到元素的高程(阴影)"

vuetify 中有一个操场也可以帮助你.https://vuetifyjs.com/en/components/text-fields/>

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.

解决方案

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/

这篇关于如何从 v-text 文件或 v-input 文件中删除下划线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！