为什么backgroundClass在mat-paginator中不起作用？

Question

当我将属性backgroundClass添加到mat-paginator时，不适用于cdk-overlay-container来修改显示页面大小选项的弹出窗口。

<mat-paginator
          backdropClass="yellow"
          [pageSize]="20"
          [pageSizeOptions]="[5, 10, 20, 100]"
        ></mat-paginator>

预期结果应该是这样的：

<div class="cdk-overlay-backdrop yellow cdk-overlay-backdrop-showing"></div>

但是结果是这样的：

为了仅使用类yellow修改“页面大小弹出窗口”，但不幸的是，它不起作用，并且所有选择输入窗口都由此处添加的CSS更改。

::ng-deep{
  .ng-trigger-transformPanel{
    transform: translateY(-142px) scaleY(1) !important;
  }
}

影响其他组件：

因此，有必要使用黄色类来区分其他组件并使用正确的CSS。

  .yellow {
    .ng-trigger-transformPanel{
      transform: translateY(-142px) scaleY(1);
    }
  }
}