AngularMaterial应用类于mat-horizontal-stepper
创始人
2024-10-28 11:01:57
0次

可以使用 ng-deep 在全局样式表中定义自己的样式类，然后将该类应用于 mat-horizontal-stepper 上。 ng-deep 可以使样式被应用于组件内部。

示例：

在 styles.css 文件中定义一个样式类，将该类应用于 mat-horizontal-stepper 上：

.custom-stepper {
  .mat-step-header {
    background-color: green;
  }

  .mat-step-header.mat-step-header-selected {
    background-color: red;
  }
}

::ng-deep .custom-stepper .mat-horizontal-stepper-header {
  display: flex;
  justify-content: space-around;
  height: 70px;
}

在组件中引入该样式表：

上一篇：AngularMaterial样式在Storybook中未出现

下一篇：AngularMaterial有可用于访问主题颜色的CSStoken/变量吗？

相关内容

热门资讯

第四分钟辅助！hhpoker辅... 第四分钟辅助！hhpoker辅助器，wepoker免费辅助器，演示教程（有人有挂）1、实时wepok...
1分钟辅助！wepoker可以... 1分钟辅助！wepoker可以免费玩吗，德州局脚本，手筋教程（有挂猫腻）1、任何wepoker可以免...
6分钟辅助！wejoker私人... 6分钟辅助！wejoker私人辅助软件，wepoker安装教程，技法教程（有挂技巧）1、wejoke...
第六分钟辅助！wepoker手... 第六分钟辅助！wepoker手机版辅助，wepoker能不能透视，指引教程（今日头条）1、该软件可以...
第五分钟辅助！wepoker透... 第五分钟辅助！wepoker透视有没有，we poker辅助器下载，资料教程（有人有挂）1、进入游戏...
第九分钟辅助！aapoker安... 第九分钟辅助！aapoker安装包怎么使用，wepoker俱乐部辅助器，教材教程（真的有挂）1、超多...
一分钟辅助！wepoker游戏... 一分钟辅助！wepoker游戏下载，pokemmo脚本，资料教程（有挂方法）1、在wepoker游戏...
四分钟辅助！约局吧开挂神器是真... 四分钟辅助！约局吧开挂神器是真的吗，哈糖大菠萝开挂，教材教程（揭秘有挂）1）约局吧开挂神器是真的吗辅...
8分钟辅助！wpk辅助器，wp... 8分钟辅助！wpk辅助器，wpk可以作弊吗，法子教程（有挂助手）1、让任何用户在无需wpk可以作弊吗...
9分钟辅助！aapoker如何... 9分钟辅助！aapoker如何设置胜率，aapoker破解侠是真的吗，指引教程（有挂教学）1、aap...