当前位置 : 主页 > 网页制作 > Bootstarp >

如何增加使用bootstrap AngularJs创建的ng-dropdown-multiselect的宽度

来源:互联网 收集:自由互联 发布时间:2021-06-12
我使用AngularJS和bootstrap创建了一个多选下拉列表,并在页面中包含以下代码: div class="row" div class="col-lg-6" labelStandards/label ng-dropdown-multiselect options="dashboard.example1data" selected-model="dashboar
我使用AngularJS和bootstrap创建了一个多选下拉列表,并在页面中包含以下代码:

<div class="row">
                    <div class="col-lg-6">
                        <label>Standards</label>
                        <ng-dropdown-multiselect
                                options="dashboard.example1data"
                                selected-model="dashboard.example1model"
                        style="max-width: 500px;">
                        </ng-dropdown-multiselect>
                    </div>
                </div>

我试图增加下拉列表的宽度,我不知道如何实现这一点.有人能让我知道如何增加“ng-dropdown-multiselect”的宽度.

您将不得不覆盖用于制作带下拉按钮的CSS.

将以下CSS放在< script>< / script>中或者在你的html文件之前加载的一些外部CSS文件中.

.multiselect-parent .dropdown-toggle {
  width: 400px;
}

.multiselect-parent .dropdown-menu {
  width: 300px;
}

这将解决您的问题.

干杯!!!

网友评论