根据Angular 7中的颜色值动态更改mat-checkbox的border-color和background-color

Question

我正在使用<mat-checkbox></mat-checkbox>，我想根据不同的颜色代码值更改其颜色。如何在angular 7中实现这一点。我知道可以使用here所述的CSS来实现。我想像使用[ngStyle]或其他方式来动态更改它。

Answer 1

你需要用 ng-deep 覆盖它。例如，试试下面的代码：

::ng-deep .mat-checkbox-frame {border-color: orange;}