时间戳

首页 > 解决方案 > 如何覆盖材质 CSS 样式？

angular - 如何覆盖材质 CSS 样式？

问题描述

我使用角材料 2。

材质 CSS 中有一种 CSS 样式：

.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #fff;
}

我试图在自定义 CSS 文件中覆盖它，例如：

.mat-radio-button.mat-accent .mat-radio-inner-circle {   background-color: red !important; }

我也试过这个：

/deep/ .mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: red !important;
}

它不起作用，如何正确执行此操作以及在哪个地方执行此操作？

标签： angularangular-material

解决方案

您可以在全局样式表 ( style.scss) 或任何未封装的样式表中执行此操作。

要覆盖，请通过检查浏览器中的 HTML 元素来获取选择器，然后覆盖所需的属性。

如果仍然失败，您可以使用!important强制应用样式。

记得在你的文件中订购你的样式表导入angular.json（谢谢@SurenSrapyan 提醒我）

推荐阅读