如何删除 <v-textarea> 上的边距？验证

Question

我有一个 textarea，我发现它有上边距。 像这样..

这是我的代码：

<v-flex d-flex xs12>
    <v-textarea
       v-model="test"
       outline
       type="text"
       color="primary"
       v-validate="{required: true}"
       data-vv-name="test"
       :error-messages="errors.collect('test')"
     > </v-textarea>
 </v-flex>

我尝试将class="mt-0" 添加到v-textarea，但没有成功。 有谁知道如何删除以及为什么我有这个上边距？

我使用的是 1.5.x 版本

谢谢！！

Answer 1

不是最佳做法，但您可以检查元素并找出哪个类增加了边距。 然后在 textarea 上添加自定义类。

.your-class >>> .textarea-class-that-you-found {
    margin-top: 0
  }