Vuetify 的文本字段没有下划线答案

【问题标题】：Text field from Vuetify has no underlineVuetify 的文本字段没有下划线
【发布时间】：2018-04-29 04:52:03
【问题描述】：

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

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

我已经阅读了this 这个，但是我的应用被包裹在 v-app 中。还有什么我可以尝试的吗？

提示：深色主题也不适合我，但例如，我可以使用“red”、“text--red”等类来应用颜色。

证明，下面涉及到 v-app：

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

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

【问题讨论】：

你的vuetify是什么版本？
我的版本是0.16.9
我在你的截图中没有看到v-content。您能否将您的内容也包含在v-content 中，看看是否有帮助？检查文档以获取 v-content 示例：vuetifyjs.com/vuetify/quick-start
我已经添加了它，但它不起作用 - 请参阅更新的问题。

【解决方案1】：

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

【讨论】：

【解决方案2】：

我通过删除来修复它

<link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet">

来自 index.html，并添加

import '../node_modules/vuetify/dist/vuetify.min.css';

到 main.js 文件。

不知道为什么它会起作用。

【讨论】：

【解决方案3】：

在我的情况下，解决方法是在输入元素中添加 margin-bottom 1px。希望对您有所帮助。

【讨论】：