Angular 15 (MDC)工具提示背景色(通过主题)

Question

使用Angular14，我可以通过

定义mat-tooltips的背景色

$theme: (
color: (
...
background: (
...,
tooltip: red
)
)
)
@include mat.all-component-colors($theme);

现在一个名为color.background.tooltip的属性甚至通过调用mat.define-light-theme生成，但没有应用。这里发生了什么变化?

Answer 1

是啊，我也遇到了同样的问题。你可以在你的styles.scss中添加一个简单的修复方法:

.mdc-tooltip__surface {
background-color: red !important;
}

我真的不喜欢使用!important，但是在这种情况下它可以完成工作。