Vuetify v-text 字段最小高度限制？

Question

我有一个 v-text-field，我试图将高度设置为 37px，但似乎最小高度必须为 49px。有没有办法覆盖这个？我尝试放置自定义 css，但似乎它在 chrome 检查器中有效，但我无法以某种方式定位它

我已经制作了一个应用了自定义 css 样式的 codepen，但似乎无法使其工作： 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'
    })

当我在 chrome 检查器工具中的 .v-input-slot 上应用此 css 时，它似乎可以工作

  .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上的演示

Answer 2

使用密集

<v-text-field dense></v-text-field>