ngx-charts-gauge 标题颜色无法修改

Question

我正在尝试在 angular5 应用页面上添加 ngx-charts-gauge。

关注这些：https://swimlane.gitbooks.io/ngx-charts/content/charts/gauge.html

一切正常，除了我找不到任何方法或属性或信息来更改大中心标题颜色...它仍然是黑色的！

我试图覆盖 css 类...没有机会。

.chart-container {
  color: white;
}

任何帮助将不胜感激。

谢谢。

Answer 1

如下改变你的 CSS 就可以了

:host /deep/ .chart-container {
  color: white;
}

OR

:host ::ng-deep .chart-container {
  color: white;
}

原因： 组件样式只适用于组件中的html。

要将样式强制到子组件，请使用 /deep/

documentation, another reference