BonBonSlick
@BonBonSlick
Vanilla Web Architect

Vuetify line-height bugged?

.v-textarea textarea {
  line-height: 1rem !important;
}
textarea {
  line-height: 1rem !important;
}
* {
  line-height: 1rem !important;
}

.v-application  {
  line-height: 1rem !important;
}


.v-application  textarea{
  line-height: 1rem !important;
}
.v-application  .v-textarea textarea {
  line-height: 1rem !important;
}

Ничего выше не работает.
<v-row>
            <v-col cols="9"
                   class="d-flex justify-center pr-0"
            >
              <v-textarea autofocus
                            clearable
                            minlength="1"
                            required
                            solo
                            auto-grow
                            :rows="1"
                            row-height="1rem"   
                            flat
                            full-width
                            class="py-0 my-0 shadow-tb text-sp-11 "
                            hide-details
                            dense
                            color="pink"
                            placeholder="What are your thoughts?"
                            v-model="comment"
                            :rules="validationRules"
                            :disabled="true === isFormSending"
                            x-small
                            style="line-height: 1rem !important;"
                />
            </v-col>

Не хочет применять стили, чистил кеши браузера и сборки, билд, делал ребилд.
вот рабочий пример
Стили свыше работают только когда обьявлены глобально, а когда локально для компонента, конкретно для linde height - нет. А если задать к примеру * {display: none} локальные стили работают.

Почему мой образец нерабочий?
  • Вопрос задан
  • 47 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы