Javascript vuetify.js v-select最小高度限制？

正如您从下面可以看到的，我正在尝试降低v-select元素的高度，但似乎对我可以设置的最小高度有一个限制。i、 e.在高度=40后，进一步降低高度似乎不再有效。是否有任何东西围绕着这个限制，这样我就可以使这个元素变小？我需要这个，因为我需要把它放进一个相对较小的div中。提前谢谢-

新Vue{ el:应用程序， 数据：{ 年份：[2015、2016、2017、2018] } } v-select组件的最小高度为56px，由以下CSS规则定义：

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

让我们覆盖它，例如设置：

  .v-text-field--box .v-input__slot, .v-text-field--outline .v-input__slot{
   min-height: auto!important;
  }

但结果并不完美，内容也没有正确对齐，为了解决这个问题，我们将在上述规则中添加以下属性：

  display: flex!important;
  align-items: center!important

新Vue{ el:应用程序， 数据：{ 年份：[2015、2016、2017、2018] } } .v-text-field-box.v-input\u插槽， .v-text-field-outline.v-input\u插槽{ 最小高度：自动！重要； 显示：flex！重要； 对齐项目：居中！重要； }

---

我正在使用vuetify 1.5，而公认的答案对我来说并不适用，但如果您希望自己的身高为32像素，则可以这样做，例如：

.v-text-field.v-text-field--enclosed .v-text-field__details, 
.v-text-field.v-text-field--enclosed > .v-input__control > .v-input__slot {
        margin: 0;
        max-height: 32px;
        min-height: 32px !important;
       display: flex!important;
       align-items: center!important
}

---

我认为最好的做法是覆盖默认变量，检查您需要哪一个变量，包括最小高度、填充等。。。在API文档中：

有关Vuetify变量的一般信息，请参阅官方文档：

给出的解决方案对我不起作用。。。所以我创造了一个

这将减少选择项和列表项

---

最小高度为56px@BoussadjraBrahim很高兴知道这一点。我需要它比56px短。不确定这是否可行-谢谢你的回答。这看起来很有希望。除了标签和图标没有对齐之外，这和我要找的差不多。你知道如何将它们垂直居中对齐吗？不客气，*很难做到这一点，因为我们有更大的字体大小，这不合适，但我正在处理这个问题，我正在尝试类似.v-input_uuuappend-inner{margin top:0px；}的方法将图标向上移动，这似乎不起作用。@Psidom我通过添加一些属性修复了这个问题，我希望我能做到完美。正是我要找的。还有一个问题。当我在我的组件中按作用域应用这些自定义css时，它会影响所有vuetify v-select元素应用程序吗？或者它只会影响这个特定的组件。

.v-select .v-input__control .v-input__slot .v-select__slot .v-select__selections {
  padding: 0 !important;
  min-height: 0 !important;
}

.v-select-list .v-list-item {
  min-height: 0 !important;
}

.v-select-list .v-list-item .v-list-item__content {
  padding: 4px 0 !important;
}