【问题标题】: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
  • 我已经添加了它,但它不起作用 - 请参阅更新的问题。

标签: vue.js vuetify.js


【解决方案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。希望对您有所帮助。

    【讨论】:

      猜你喜欢
      • 2020-12-11
      • 1970-01-01
      • 1970-01-01
      • 2015-09-18
      • 2021-03-13
      • 2013-08-22
      • 2012-04-21
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多