Bootstrap 4 如何使select2下拉列表的高度与内联按钮相同？

我试图调整下拉列表的高度，使其与旁边的按钮相同，但我不知道在哪里应用样式，甚至不知道是否可能

<div class="row m-3">
  <div class="col-12">
    <div class="form-inline">
      <div class="input-group">
        <select id="theSelect">
        <option value="1">Number One</a>
        <option value="2">Number Two</a>
        <option value="3">Number Three</a>
      </select>
    </div>
    <a href="#" class="btn btn-info" role="button">Add</a>
  </div>
</div>

---

下面是一个显示问题的示例。

您可以添加以下CSS来控制高度或宽度：

.select2-selection__rendered {
    line-height: 31px !important;
}
.select2-container .select2-selection--single {
    height: 35px !important;
}
.select2-selection__arrow {
    height: 34px !important;
}

---

当您通过jquery启动select2时，将呈现class.select2 container、.select2 selection single、.select2-selection\uu rendered、.select2-selection\uu箭头。

@User863我已经看到了这一点。你能详细说明一下你所说的链接是什么意思吗？