#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; }
, но это не сработало.