来自Vuetify的文本字段没有下划线

Question

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

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

我已阅读this这个，但我的应用程序包含在v-app中。还有什么我可以尝试的吗？

提示： 黑暗主题也不适用于我，但是例如，我可以使用“红色”，“文本 - 红色”等类来应用颜色。

证明，下面有v-app：

编辑： 我也尝试用v-content包装它，但它没有帮助。

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

Answer 1

unpkg.com链接到vuetify的最新版本，目前为0.17.0。要从unpkg使用0.16.9 css，您必须使用以下链接：https://unpkg.com/vuetify@0.16.9/dist/vuetify.min.css

Answer 2

我通过删除

来修复它

Void

来自index.html的

，并添加

Foo.f

到main.js文件。

Dunno为什么会有效。

Answer 3

对于我来说，解决方法是在输入元素上添加底边距1px。希望对您有所帮助。