Css ng选择多个-更改高度

这与目前的问题有关。我想做完全相同的，但与ng选择，使多个项目被选中

以下是我的ng select代码：

<label class="col-sm-4 text-sm-right col-form-label">Payout Format</label>
                <div class="col-sm-8">
                    <ng-select
                        [items]="payoutFormats"
                        [multiple]="true"
                        [closeOnSelect]="true"
                        [searchable]="true"
                        bindValue="payoutBatchFormatID"
                        bindLabel="name"
                        placeholder="All"
                        [(ngModel)]="filter.payoutFormats"
                        name="payoutFormats">
                    </ng-select>
                </div>

我能够通过使用非多重选择框来实现这一点

.ng-select.ng-select-single .ng-select-container {
  height: 20px;
}

但启用“多个”时，将其从.ng-select.ng-select-single更改为.ng-select.ng-select-multiple对高度没有影响

下面是我的选择在CSS之后的样子：

我需要小一点

更新

在开发工具中，我可以按如下方式更改.ng select.ng select容器中的最小高度：

“我的选择”框显示得更小：

但是，将同一样式添加到“我的零部件样式”中并不能解决以下问题：

@Component({
    templateUrl: './list-exceptions-handling-payments.component.html',
    styles: [`
        .ng-select{
            font-size:0.85em;
        }

        .ng-select .ng-select-container{
            min-height: 3px;
        }


        .ng-select.ng-select-multiple .ng-select-container {
            height: 3px;
        }

  `],
})

---

您已经重写了.ng select container和.ng select multiple，这是正确的，但您没有重写它的子元素

与“选择元素”（取消选择按钮、查看选定选项等）相比，多个“选择”复选框具有其他元素

这些都在里面

<div class="ng-value-container">
    <div class="ng-value>
    ....

我是基于这个答案使用的演示中发现。如果不行请告诉我谢谢你的回复。我在添加要覆盖的样式时遇到了一些问题。请您能指定它们吗？我添加了一个GIF，显示了我是如何使用chrome开发者工具将其缩小的。将来，如果您使用开发人员工具反复尝试，而不是猜测类名或css属性，每次刷新都要等待2-3秒，这会更好/更有效。谢谢您。我已经尝试过使用试错法，但无法得到我想要的。因此，如果我在.ng select.ng select容器中更改min height属性，我就使用dev tools，它可以工作，但如果我在样式表中指定它，它就不会被接受。知道为什么吗？我已将此纳入我的原始问题。
<div class="ng-value-container">
    <div class="ng-value>
    ....