我正在使用 mat-select 来显示选项列表。因此,当您单击 mat-select 输入字段时,它会显示使用 div 和 cdk-overlay-pane 类的选项列表。我想自定义 cdk-overlay-pane 类。使用 ::ng-deep 我这样做了,
::ng-deep {
.cdk-overlay-pane {
transform: translateX(-40px) translateY(-13px) !important;
}
}
& 它也有效,但它正在影响另一个 cdk-overlay-pane。
有没有办法用 cdk-overlay-pane 为该 div 提供 customClass ?
<div id="cdk-overlay-1" class="cdk-overlay-pane customClass" style="transform: translateX(-40px) translateY(-51px);">
这样只有这个 div 会被定制,它不会影响其他 div。