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

相关内容

热门资讯

分享一款！微扑克的辅助工具苹果... 分享一款！微扑克的辅助工具苹果，微扑克ai机器人（微扑克）本来真的是有挂（的确有挂）-哔哩哔哩1、该...
今日重大通报！微扑克辅助测试，... 今日重大通报！微扑克辅助测试，微扑克透牌（微扑克）都是存在有挂（揭秘有挂）-哔哩哔哩1、上手简单，内...
重大发现！微扑克辅助，微扑克如... 重大发现！微扑克辅助，微扑克如何让系统发好牌（微扑克）原来真的有挂（有挂透视）-哔哩哔哩1、许多玩家...
今日百科！微扑克辅助软件，微扑... 今日百科！微扑克辅助软件，微扑克有挂么（微扑克）真是有挂（有挂分析）-哔哩哔哩1、任何微扑克辅助软件...
玩家必备攻略！微扑克透明挂，微... 玩家必备攻略！微扑克透明挂，微扑克有挂么（微扑克）果然存在有挂（证实有挂）-哔哩哔哩1、超多福利：超...
最新技巧！微扑克ai机器人，微... 最新技巧！微扑克ai机器人，微扑克ai机器人（微扑克）果然真的是有挂（发现有挂）-哔哩哔哩1、用户打...
终于知道！微扑克辅助工具，微扑... 终于知道！微扑克辅助工具，微扑克有挂么（微扑克）果然真的是有挂（有挂详细）-哔哩哔哩1、玩家可以在微...
推荐十款！微扑克辅助机器人，微... 推荐十款！微扑克辅助机器人，微扑克ai机器人（微扑克）一贯是有挂（有挂技巧）-哔哩哔哩1.微扑克辅助...
科普分享！微扑克代打是真的吗，... 科普分享！微扑克代打是真的吗，微扑克如何让系统发好牌（微扑克）真是是真的有挂（有挂教程）-哔哩哔哩1...
必看攻略！微扑克ai辅助器苹果... 必看攻略！微扑克ai辅助器苹果版，微扑克ai机器人（微扑克）果然真的有挂（有挂教学）-哔哩哔哩微扑克...