Html 如何在引导输入的右侧添加图标？

我有一段代码：

.form group.form控件{
左侧填充：2.375雷姆；
}
.窗体组.窗体控件图标{
位置：绝对位置；
z指数：2；
显示：块；
宽度：2.375雷姆；
高度：2.375雷姆；
线高：2.375雷姆；
文本对齐：居中；
指针事件：无；
颜色：#aaa；
}

如何更改当前CSS使图标位于右侧

---

似乎

padding right:2.375rem不足。
您应该使用带有适当值的
right
属性将其向右移动。选中此项（出于某种原因，我使用了“x”，因为图标没有加载到小提琴中）。
因为您使用的是绝对位置，所以需要将父元素定义为位置：相对

您还需要定义要修复的右侧和顶部位置

.form-group .form-control {
    padding-left: 2.375rem;
}
.form-group{
  position:relative;
}
.form-group .form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    right:0;
    top: 0px;
}

使用
右填充操作JSFIDLE link
：2.375rem不
左
，谢谢。