在 vuetify 中设置选择的高度

Question

是否可以使用 vuetify API 设置 v-select 高度？ 我知道这是可能的，但高度很大。

如果我设置 height:100 我会看到它有效。 但是如果值太低，就不行了。

我注意到如果文本字段是框或轮廓最小高度设置为 56px：

.v-text-field--box .v-input__slot, .v-text-field--outline .v-input__slot { min-height: 56px; }

对于单独的文本字段，最小高度为 48px：

.v-text-field.v-text-field--solo .v-input__control { min-height: 48px; }

使用 css 设置高度是唯一的选择吗？

Answer 1

是的。直到现在我认为是最好的选择。 v-input 下面有几个输入类。 v-input__slot 和 .v-input__control 是最重要的。 v-button min-height 和其他输入组件也是如此。