Javascript 如何消除引导输入元素内部的间隙？

在这个输入组中，正如您所看到的，输入字段中存在不必要的间隙，我想消除它

正如你在上面看到的，这条黑线是我的号码和链接按钮之间的距离。我如何删除它？

.resetToDef{
显示：块；
宽度：25.8%；
最大宽度：195.1px；
边界半径：4px；
边框：1px实心#FF7921；
}
.resetToDef a{
字体大小：12px；
颜色：#FF7921；
边界：无；
文本装饰线：下划线
}
.resetToDef输入{
显示：内联块；
宽度：57px；
边界：无；
}

来自您的代码片段：

宽度由flex自动计算。因此，如果删除flex，则可以使用宽度和填充

.resetToDef.input-group>input.form-control{
flex：无；
宽度：52px；
右侧填充：5px；
}

导致：

---

注意，不同浏览器的小箭头大小可能不完全相同。

.resetToDef input{flex:none；}

@mrben522在代码段中不起作用，在实际环境中有什么不同？