css - 想要增加 ngSelect 选项的高度

Question

形成图像：

目前ng-select只显示 5 个项目。我想增加下拉菜单的高度，以便它可以显示 8-10 个项目。我正在使用以下代码：

<form [formGroup]="addReportForm" class="form-horizontal col-xs-12" method="post" novalidate="novalidate" style="width: 100%;">
  <div class="form-group">
    <label for="adb-name">Name</label>
    <input  id="adb-name" class="form-control text-16-normal" type="text" placeholder="Name" formControlName="name">
  </div>
  <div class="form-group">
    <label for="adb-report">Type</label>
    <ng-select
      id="adb-report"
      [items]="allReports"
      [multiple]="false"
      [closeOnSelect]="true"
      [searchable]="true"
      bindLabel="name"
      bindValue="id"
      formControlName="vizType"
      placeholder="Select Report"
      (change)="onChange($event)"
      [(ngModel)]="reportName"
    >
    </ng-select>
  </div>
  <app-alert></app-alert>
</form>

标签： cssangulardrop-down-menudropdown

Answer 1

您必须使用 /deep/ 更多您想要更改的组件。

/deep/ .ng-dropdown-panel .ng-dropdown-panel-items {
max-height: 500px;   }