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/变量吗？

相关内容

热门资讯

黑科技辅助"poke... 黑科技辅助"pokermaster有挂吗"fishpoker大菠萝外挂(好像是真的有挂)-哔哩哔哩；...
黑科技脚本！德州之星有app辅... 黑科技脚本！德州之星有app辅助（黑科技ai）往昔存在有挂（有挂口控制）-哔哩哔哩是一款可以让一直输...
黑科技游戏(wpk德州有挂吗)... 黑科技游戏(wpk德州有挂吗)外挂透明挂辅助神器(透视)原来有挂(黑科技详情)-哔哩哔哩1、wpk德...
黑科技挂!德州ai辅助神器软件... 黑科技挂!德州ai辅助神器软件,德州辅助软件开发定制,玩家教程(有挂方法)-哔哩哔哩1）德州辅助软件...
黑科技软件（德扑ai）ai辅助... 黑科技软件（德扑ai）ai辅助神器机器人（透视）模拟器（都是真的是有挂）；亲们利用一分钟了解精致的软...
黑科技新版"Wepo... 黑科技新版"Wepoke透明挂"wpk辅助透视(其实是有挂)-哔哩哔哩；1、全新机制【wpk辅助透视...
黑科技规律！德州AI辅助软件（... 黑科技规律！德州AI辅助软件（ai辅助）素来有挂（有挂猫腻）-哔哩哔哩1、很好的工具软件，可以解锁游...
黑科技透明挂!微扑克透明挂,w... 黑科技透明挂!微扑克透明挂,wepoke黑科技,攻略教程(有挂辅助挂)-哔哩哔哩是一款可以让一直输的...
黑科技教程(德州之星辅助软件介... 黑科技教程(德州之星辅助软件介绍)外挂透明挂辅助教程(透视)本来真的有挂(黑科技辅助)-哔哩哔哩；1...
黑科技线上（wpK）微扑克辅助... 黑科技线上（wpK）微扑克辅助工具（透视）ai辅助（真是真的是有挂）关于微扑克辅助工具的基本介绍、功...