如何在 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