Как удалить поля в ? vuetify

#css #vue.js #vuetify.js #nuxt.js

#css #vue.js #vuetify.js #nuxt.js

Вопрос:

У меня есть текстовая область, и я обнаружил, что у нее есть верхнее поле. вот так..

введите описание изображения здесь

это мой код:

 <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

Спасибо!!

Ответ №1:

Не лучшая практика, но вы можете проверить элементы и найти, какой класс добавляет поле. Затем добавьте пользовательский класс в textarea.

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

Комментарии:

1. Я проверил поле, и мне показалось, что для этого элемента установлено значение margin-top = 12px (по умолчанию, я думаю), поэтому я добавил .v-textarea.v-text-field--enclosed textarea { margin-top: 0px !important; } , но это не сработало.