html 所需消息显示在页面顶部,带有ui-select 2

9o685dep  于 2022-12-09  发布在  其他
关注(0)|答案(2)|浏览(107)

当我将requiredng-required=“true”selectui-select 2元素一起使用时,它工作正常。但消息显示在页面顶部而不是select元素下方。x1c 0d1x
下面是我的代码

<div class="form-group">
                    <label class="col-sm-12  col-xs-12">Status<span style="color:red">*</span></label>
                    <select data-placeholder="Pick an Status" ng-model="Status" class="selectUI" ui-select2 ng-required="true">
                        <option value=""></option>
                        <option value="1">New</option>
                        <option value="2">Approve</option>
                        <option value="6">Recommandetion Denied</option>
                        <option value="7">Approval Denied</option>
                    </select>
                </div>

我怎样才能解决这个问题,并在我的页面中显示带有选择元素的消息。提前感谢。

uoifb46i

uoifb46i1#

通过使用以下内容覆盖ui-select 2的默认行为解决了此问题

select2-offscreen,
   .select2-offscreen:focus {
        top: auto !important;
    }
hrysbysz

hrysbysz2#

使用此CSS代码自定义所需的消息。

.selectUI[ng-required] {
    margin-top: 40px !important;
    margin-left: 100px !important;
}

相关问题