Vuetify V-текстовое поле минимальное ограничение по высоте?

Question

У меня есть текстовое поле v, и я пытаюсь установить высоту 37px, но кажется, что минимальная высота должна быть 49px. Есть ли способ переопределить это? Я попытался поставить пользовательский CSS, но похоже, что он работает в Chrome Inspector, но я не могу как-то нацелить его

Я создал кодовую ручку с примененным стилем CSS, но не могу заставить его работать: https://codepen.io/anon/pen/MMEmex

 <div id="app">
  <v-app id="inspire">
   <v-container>
   <v-text-field solo placeholder="trying to adjust the height" 
   height="37px"></v-text-field>
   </v-container>
  </v-app>
  </div>

   new Vue({
 el: '#app'
    })

Когда я применяю этот CSS к .v-input-slot в инструментах Chrome Inspector, кажется, что он работает

  .v-input__slot {
  min-height: auto !important;
 display: flex !important;
 align-items: center !important;
 }

Заранее спасибо, ребята.

Answer 1

Ваш css-селектор должен быть:

 .v-text-field .v-input__control .v-input__slot {
    min-height: auto !important;
    display: flex !important;
    align-items: center !important;
  }

Демонстрация на codepen