Css 在引导4中定义固定宽度输入组append div

我正在使用bootstrap4函数在输入字段旁边放置一个图标。我希望输入组append div（包括图标）的固定宽度为40px

bootstrap文档说“不支持对单个输入组元素进行大小调整”。但我确信一定有一种CSS方法可以做到这一点：

<div class="form-group">
  <label>Some label</label>
  <div class="input-group">
    <input type="text" class="form-control"/>
    <div class="input-group-append">
      <i class="icon"></i>
    </div>
  </div>
</div>

一些标签

你知道我该怎么做吗？

试着用它来防止覆盖

。输入组追加{
宽度：40px！重要；
}

一些标签
偶像

引导不支持…如果添加宽度会发生什么情况？它被忽略，可能是因为它基于flex。Flexbox应该仍然接受宽度，即使它是

flex:0 40px

以前在

.input group append

上尝试过，但它没有改变宽度。它将出现在图标（.input group text）上，而不是.input group appendt上。这是什么意思？