Html 在文本框中显示图标

我需要在一行和右对齐以下控件。我需要两个图标出现在右角的文本框内。而且两个控件都要右对齐

这是你的电话号码

{{selectedItem？selectedItem.Label:'所有位置'}


{{Label.Label}

您可以这样做：

.col-md-6{
浮动：对；
}
.包装纸{
溢出：隐藏；
}
#txtDateRange{
宽度：100%；
}

---

引导样式

。表单控件

将元素作为块输入（它们通常是内联的）

如果您将特定的输入元素重新设置为

内联块

，并稍微减小宽度（不确定为什么需要这样做-可能只适用于这么小的代码段环境），您将能够在span元素上使用

左边距

，对其进行一点遍历

span.a1{左边距：-50px；边框：1px纯绿色；}
span.a2{边框：1px实心红色；}
#txtDateRange{显示：内联块；宽度：99.3%；}
div.a1{显示：内联块；左边距：-50px；边框：1px纯绿色；}
div.a2{显示：内联块；边框：1px纯红色；}

{{selectedItem？selectedItem.Label:'所有位置'}


{{Label.Label}

看在上帝和你的3k代表的份上，请调整你的代码！！！！！！

 <div class="col-md-12">
                    <div class="col-md-6">
                        <input type="text" id="txtDateRange"
                               class="form-control input-md" name="txtDateRange"
                               placeholder="Select Range"
                               ng-model="Model.RageDates" />
                        <span><i class="glyphicon glyphicon-remove" ></i></span>

                        <span class="form-control-feedback"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>

                    </div>

                    <div class="col-md-6" style="float: right;">
                        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span>{{ selectedItem ? selectedItem.Label : 'ALL LOCATIONS' }}</span>
                            <span class="caret"></span>
                        </button>

                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li ng-repeat="Label in Summary.Locations">
                                <a ng-click="dropboxitemselected(Label)">
                                    {{Label.Label}}
                                </a>
                            </li>
                        </ul>
                    </div>

                </div>