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

相关内容

热门资讯

我来教大家！佛手在线是不是有挂... 我来教大家！佛手在线是不是有挂，德州辅助工具到底怎么样，一贯真的是有挂（有挂攻略）1、点击下载安装，...
新手必备！哈糖大菠萝软件下载，... 新手必备！哈糖大菠萝软件下载，we poker游戏下，总是存在有挂（今日头条）1、脚本辅助下载、免费...
终于清楚！wepoker游戏的... 终于清楚！wepoker游戏的安装教程，wpk私人局有透视吗，本来有挂（有挂秘籍）1）辅助插件：进一...
科技通报！红龙poker辅助，... 科技通报！红龙poker辅助，pokemmo脚本辅助下载，原来是真的有挂（有挂详情）该软件可以轻松地...
总算明白！hhpoker作弊实... 总算明白！hhpoker作弊实战视频，wpk德州局透视，竟然存在有挂（有挂规律）1、完成有辅助插件，...
玩家必看科普！aa poker... 玩家必看科普！aa poker辅助，aapoker插件下载，果然真的是有挂（存在有挂）1、公共底牌简...
今日头条！wepoker辅助器... 今日头条！wepoker辅助器安装包定制，aapoker怎么开辅助器，切实是真的有挂（有挂攻略）1、...
总算了解！werplan怎么作... 总算了解！werplan怎么作弊，wepoker破解是真的还是假的，都是是真的有挂（有挂总结）1、模...
如何分辨真伪！pokemmo脚... 如何分辨真伪！pokemmo脚本辅助器下载，智星菠萝辅助，总是真的是有挂（发现有挂）1、任何透视是真...
查到实测辅助！wepoker有... 您好，这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在这款游戏中打...