【发布时间】：2018-02-18 19:43:43
【问题描述】：
我想更改 Angular Dart 材质扩展面板的 title 样式。
如果我使用以下 CSS，内容样式会更改（例如单选组），但标题不会更改样式。
material-expansionpanel {
font-weight: bold;
}
我需要怎么做才能更改标题的样式？
【问题讨论】：
标签： dart angular-material2 angular-dart angular-components
【发布时间】：2018-02-18 19:43:43
【问题描述】：
由于样式是封装的，因此您需要使用我们的其中一种 mixin 或 ::ng-deep 来打破封装。由于没有为此您可以执行的 mixin。
:host ::ng-deep header .primary-text {
font-weight: bold;
}
:host 是为了保持当前组件的范围，这样它就不会泄漏。 ::ng-deep 打破封装，剩下的就是选择器。
【讨论】：
我以前从未使用过 AngularDart，但从示例中，我认为您必须针对 panel-name 类来设置扩展面板标题的样式：
.panel-name {
font-weight: bold;
}
【讨论】：
-
对我来说，不幸的是它没有用。内容是粗体的，但标题不是。
-
非常接近，但它使用样式封装，因此您需要使用 ::ng-deep 打破它，见下文。