想要将箭头从大尺寸更改为小尺寸

Question

我正在使用 angular2-multiselect，默认情况下箭头大小很大我想减小下拉箭头的大小。

<angular2-multiselect
  class="form-control"
  [data]="dropdownList1"
  [(ngModel)]="selectedItems"
  [settings]="dropdownSettings"
  (onSelect)="onItemSelect($event)"
  (onDeSelect)="OnItemDeSelect($event)"
  (onSelectAll)="onSelectAll($event)"
  (onDeSelectAll)="onDeSelectAll($event)">
</angular2-multiselect>

<angular2-multiselect
  class="form-control"
  [data]="dropdownList1"
  [(ngModel)]="selectedItems"
  [settings]="dropdownSettings"
  (onSelect)="onItemSelect($event)"
  (onDeSelect)="OnItemDeSelect($event)"
  (onSelectAll)="onSelectAll($event)"
  (onDeSelectAll)="onDeSelectAll($event)">
</angular2-multiselect>

Answer 1

在您的样式中使用以下代码sheet

:host /deep/ 

.selected-list .fa-angle-down{
  font-size: 8pt !important;

}

.selected-list .fa-angle-up{
      font-size: 8pt !important;

    }