标签: mat-select

我正在使用 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。

通过查看，https://v5.material.angular.io/components/select/overview
有几种键盘交互。

• 键盘交互
• DOWN_ARROW：聚焦下一个选项
• UP_ARROW：聚焦上一个选项
• ENTER 或 SPACE：选择焦点项目

我能够停止整个交互，但我想要的是：
保留所有键盘交互，除了空格键

有办法做到吗？
谢谢。