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

相关内容

热门资讯

六分钟了解!wepoker安装... 六分钟了解!wepoker安装教程(辅助挂)竟然有挂(有挂规律辅助脚本)1、透视辅助软件激活码多个强...
一分钟了解!pokerworl... 一分钟了解!pokerworld修改器(辅助挂)好像是真的有挂(有挂功能辅助技巧)1、实时透视辅助更...
带你了解!hhpoker买挂(... 带你了解!hhpoker买挂(辅助挂)切实是有挂(详细教程辅助脚本)在进入软件靠谱后，参与本局比赛的...
我来向大家传授!wepoker... 我来向大家传授!wepoker俱乐部辅助(辅助挂)总是是有挂(有挂教程辅助脚本)1、脚本辅助下载、免...
免费测试版!约局吧德州真的存在... 免费测试版!约局吧德州真的存在透视吗(辅助挂)原来存在有挂(有挂详细辅助软件)1、用户打开应用后不用...
玩家必看教程!wpk俱乐部有没... 玩家必看教程!wpk俱乐部有没有辅助(辅助挂)总是是有挂(有挂总结辅助器)1、点击下载安装，脚本分类...
揭秘真相!wepoker辅助是... 揭秘真相!wepoker辅助是真的假的(辅助挂)一直存在有挂(有挂神器辅助攻略)1、在插件功能辅助器...
记者揭秘!xpoker辅助控制... 记者揭秘!xpoker辅助控制(辅助挂)确实是真的有挂(有挂实锤辅助器)1、记者揭秘!xpoker辅...
教学盘点!德普之星透视辅助软件... 教学盘点!德普之星透视辅助软件(辅助挂)一贯真的有挂(有挂猫腻辅助技巧)1）辅助插件：进一步探索辅助...
攻略讲解!wepoker透视脚... 攻略讲解!wepoker透视脚本下载(辅助挂)都是是有挂(有挂解惑辅助插件)1、点击下载安装，脚本分...