Vuetify .input-group__细节无法更改最小高度

我不是CSS专家，但直到现在我还没有看到任何类似的“问题”。

因此，我正在使用Vuetify，并为搜索表单添加了一个。

现在，该组件正在创建：

<div input-group input-group--prepend-icon input-group--text-field primary--text>
  <label for="search"></label>
  <div class="input-group__input"></div>
  <div class="input-group__details"></div>
  <div class="input-group__messages"></div>
</div>

现在我的问题是.input-group__messages类具有最小高度，在这种情况下，我希望它具有1px或不显示，但是我无法从我的组件中进行编辑...有路要走扎根风格，但我不想这样做，我想学习或不知道问题出在哪里。

期待有人的答复