css - 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/

文档，另一个参考