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

Question

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

我已经制作了一个应用了自定义 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'
    })

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

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

提前谢谢你们。

Answer 1

使用密集

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