如何在vuetify中删除文本区域底边距？

Question

嘿，我有这样的代码：

    <v-text-field 
  :rules="rules" 
  v-model="exam.title"
  class="exam-title ma-0 pa-0"
  ></v-text-field>
<v-text-field class="exam-title ma-0 pa-0"></v-text-field>

然后它的底部有一些空白或空白，我无法通过类删除。我该如何摆脱呢？

通过将其包装在另一个元素中来解决问题，例如：

<v-col lg="8">
      <v-text-field 
        v-model="questions.question"
        class="question-container-question"
      ></v-text-field>
</v-col>

Answer 1

我遇到了同样的问题，发现它可以帮助设置hide-details属性...

<v-text-field hide-details class="exam-title">
</v-text-field>

https://codeply.com/p/d2SVndXmVi

Answer 2

我找到了答案。当我将其包装在V卡中时，默认情况下似乎会删除填充或边距。奇怪的是，没有包含组件的情况。