如何修改Angular mat-checkbox组件的标签字体大小？

你需要精准定位到mat-checkbox内部的标签元素.mat-checkbox-label，之前的方法无效大概率是选择器没写对，试试以下方案：

方案1：组件内使用::ng-deep（适配Angular不同版本） #

在组件的样式文件中添加：

::ng-deep .custom-checkbox .mat-checkbox-label {
  font-size: 18px; /* 替换成你需要的字体大小 */
}

如果你的Angular版本是12及以上，组件默认启用ViewEncapsulation.ShadowDom，需要在组件元数据中改为ViewEncapsulation.None或ViewEncapsulation.Emulated，才能让::ng-deep生效。

方案2：全局样式文件（styles.scss）中设置 #

在项目根目录的styles.scss里添加：

.custom-checkbox .mat-checkbox-label {
  font-size: 18px !important;
}

这里的!important用于覆盖组件默认的高优先级样式，确保自定义样式生效。

关键注意点 #

• 必须选中.mat-checkbox-label元素，而非直接给.custom-checkbox设置字体大小——mat-checkbox的标签是组件内部的子元素，默认样式直接作用在这个子元素上。
• 确认你的.custom-checkbox类已正确绑定到mat-checkbox元素（你的代码中已完成绑定，此步骤无需调整）。

内容的提问来源于stack exchange，提问作者Andrew Biddle