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

发布时间：2020-12-18 00:30:21 所属栏目：安全来源：网络整理

导读：我使用AngularJS和bootstrap创建了一个多选下拉列表,并在页面中包含以下代码： div class="row" div class="col-lg-6" labelStandards/label ng-dropdown-multiselect options="dashboard.example1data" selected-model="dashboard.example1model" style="ma

我使用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;
}

这将解决您的问题.

干杯！！！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!