Angular material-expansionpanel标题样式

Question

我想更改Angular Dart material-expansionpanel的 title 样式。

如果我使用以下CSS，内容样式更改（p.ex。无线电组）但标题不会更改样式。

material-expansionpanel {
  font-weight: bold;
}

我需要做些什么来改变标题的样式？

Answer 1

之前我从未使用过AngularDart，但从示例中，我认为您必须定位panel-name类来设置扩展面板标题的样式：

.panel-name {
    font-weight: bold;
}

Answer 2

由于样式是封装的，你需要使用我们的一个mixin或:: ng-deep来打破封装。因为没有混合物可以做到这一点。

:host ::ng-deep header .primary-text {
  font-weight: bold;
}

:host是将范围保持在当前组件中，因此它不会泄漏。 ::ng-deep打破封装，其余的是选择器。