Vuetify 中的文本字段没有下划线 | 中的文本字段没有下划线

本文介绍了Vuetify 中的文本字段没有下划线的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试使用 vuetify 的文本字段.它看起来像这样:

应用焦点后，它看起来像这样:

我已经阅读了

我也尝试用 v-content 包装它，但没有帮助.

<v-内容><路由器视图></路由器视图></v-content></v-app>

解决方案

unpkg.com 链接到 vuetify 的最新版本，目前是 0.17.0.要使用 unpkg 中的 0.16.9 css，您必须使用此链接:https://unpkg.com/[email protected]/dist/vuetify.min.css

I am trying to use vuetify's text field. It looks like this:

After applying focus it looks like this:

I have read this this, but my app IS wrapped in v-app. Is there anything else I could try?

HINT:Dark theme doesn't work for me as well,but for example, I can use classes like "red", "text--red", to apply colors.

Proof, that there is v-app involved below:

EDIT:I tried to wrap it with v-content as well, but it didn't help.

<v-app>
  <v-content>
    <router-view></router-view>
  </v-content>
</v-app>

解决方案

unpkg.com links to the latest version of vuetify, which is currently 0.17.0. To use 0.16.9 css from unpkg you have to use this link: https://unpkg.com/[email protected]/dist/vuetify.min.css

这篇关于Vuetify 中的文本字段没有下划线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！