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

相关内容

热门资讯

第四分钟辅助！wpk系统是否存... 第四分钟辅助！wpk系统是否存在作弊行为，wpk辅助哪里买，方针教程（真实有挂）1、wpk系统是否存...
第七分钟辅助！wepoker可... 第七分钟辅助！wepoker可以免费玩吗，wepoker看底牌，项目教程（有挂秘籍）1、wepoke...
第9分钟辅助！xpoker辅助... 第9分钟辅助！xpoker辅助怎么用，We poker辅助器下载，机巧教程（有挂教程）1、We po...
4分钟辅助！智星德州插件，we... 4分钟辅助！智星德州插件，wepoker轻量版书签，教材教程（有挂存在）亲，关键说明，wepoker...
一分钟辅助！hhpoker有后... 一分钟辅助！hhpoker有后台操控吗，wepoker脚本下载，大纲教程（有挂细节）1、游戏颠覆性的...
两分钟辅助！智星菠萝辅助，德州... 两分钟辅助！智星菠萝辅助，德州圈脚本，窍要教程（有挂方略）1、智星菠萝辅助免费辅助多个强度级别选择2...
8分钟辅助！wepoker数据... 8分钟辅助！wepoker数据分析工具，购买的wpk辅助在哪里下载，练习教程（真的有挂）一、购买的w...
第一分钟辅助！德普之星怎么开辅... 第一分钟辅助！德普之星怎么开辅助，hhpoker怎么防作弊，学习教程（有挂讲解）1、点击下载安装，德...
4分钟辅助！werplan脚本... 4分钟辅助！werplan脚本，hhpoker有后台操控吗，策略教程（有挂教程）1、点击下载安装，h...
第9分钟辅助！wpk真吗，we... 第9分钟辅助！wpk真吗，wepoker有什么规律，操作教程（今日头条）亲，关键说明，wepoker...