如何更改材料ui选择菜单的下拉颜色？

.custom-select .mat-select-panel {
  background-color: #f0f0f0; /* 设置下拉菜单的背景色 */
  color: #333; /* 设置下拉菜单的文字颜色 */
}

.custom-select .mat-option {
  background-color: #fff; /* 设置选项的背景色 */
  color: #333; /* 设置选项的文字颜色 */
}

.custom-select .mat-option:hover {
  background-color: #e0e0e0; /* 设置鼠标悬停时选项的背景色 */
}

.custom-select .mat-option.mat-selected {
  background-color: #ccc; /* 设置选中选项的背景色 */
  color: #fff; /* 设置选中选项的文字颜色 */
}

<div class="custom-select">
  <mat-form-field>
    <mat-select placeholder="选择菜单">
      <mat-option value="option1">选项1</mat-option>
      <mat-option value="option2">选项2</mat-option>
      <mat-option value="option3">选项3</mat-option>
    </mat-select>
  </mat-form-field>
</div>