时间戳

首页 > 解决方案 > 角度材料：更改 mat-checkbox 上的标签文本颜色并选中 mat-radio

css - 角度材料：更改 mat-checkbox 上的标签文本颜色并选中 mat-radio

问题描述

我正在尝试在检查后更改 mat-checkbox 和 mat-radio 标签颜色，但我不确定如何使用角度材料输入。任何帮助将不胜感激。

标签： cssangularangular-material

解决方案

您可以使用纯 CSS 解决方案。Angular Material 为此提供了类：

/* radio */
::ng-deep .mat-radio-checked .mat-radio-label-content {
    color: green;
}
/* checkbox */
::ng-deep .mat-checkbox-checked .mat-checkbox-label {
    color: green;
}

::ng-deep仅当您使用封装的 css 时才需要。更多信息

推荐阅读