Angular M3主题仅用mat.all-component-themes才生效？问题求助

你遇到的菜单、选择器、日期选择器下拉框无背景的问题，是因为漏掉了**弹出层容器（popup container）**的主题混合器：mat.popup-container-theme。这类下拉框属于全局弹出容器，不属于单个组件的样式范畴，单独引入组件主题时会被忽略，但mat.all-component-themes内部包含了这个混合器，因此能正常生效。

修改你的主题引入代码，添加这个混合器即可解决：

:root {
  @include mat.core-theme($_light-theme);

  @include mat.system-level-colors($_light-theme);
  @include mat.system-level-typography($_light-theme);

  // 添加弹出容器主题混合器
  @include mat.popup-container-theme($_light-theme);

  @include mat.button-theme($_light-theme);
  @include mat.card-theme($_light-theme);
  @include mat.datepicker-theme($_light-theme);
  @include mat.dialog-theme($_light-theme);
  @include mat.divider-theme($_light-theme);
  @include mat.form-field-theme($_light-theme);
  @include mat.select-theme($_light-theme);
  // ... 其他组件主题
}

补充说明：在M3主题体系中，弹出层容器是独立的全局样式单元，负责所有浮动下拉、菜单类组件的基础背景、阴影等样式，必须单独引入其主题混合器才能覆盖默认的透明样式。

内容的提问来源于stack exchange，提问作者mtpultz