我正在使用 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。
uj5u.com熱心網友回復：
您應該使用MAT_SELECT_CONFIG注入令牌。它有一個選項overlayPanelClass: string | string[]，代表：
要應用于選單覆寫面板的類或類串列。
很快，在組件或模塊級別使用以下代碼：
providers: [
{
provide: MAT_SELECT_CONFIG,
useValue: { overlayPanelClass: 'customClass' }
}
],
演示：https : //stackblitz.com/edit/angular-hxgonn
該overlayPanelClass選項可從Angular Material v11 中獲得。
MAT_SELECT_CONFIG記錄在此處。
MatSelectConfig記錄在這里：
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/361872.html
上一篇：CompletableFuture鏈未完成->垃圾收集器？
下一篇：影片輸入后的CSS影片輸出