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

相关内容

热门资讯

推荐透视！wejoker手机版... 推荐透视！wejoker手机版透视脚本，微乐降序自建房辅助app，积累教程（有挂技巧）-哔哩哔哩we...
了解透视！aapoker怎么拿... 了解透视！aapoker怎么拿好牌，微信微乐游戏辅助脚本，窍要教程（有挂教程）-哔哩哔哩1）aapo...
解密透视！hhpkoer辅助挂... 解密透视！hhpkoer辅助挂是真的吗，微乐自建房辅助神器怎么安装，教程书教程（发现有挂）-哔哩哔哩...
详情透视！有哪些免费的wpk作... 详情透视！有哪些免费的wpk作弊码，微乐智能插件激活码，方针教程（有挂技术）-哔哩哔哩1、点击下载安...
辅助透视！wpk官网下载链接，... 辅助透视！wpk官网下载链接，微乐家乡小程序脚本ios，妙招教程（有挂功能）-哔哩哔哩辅助透视！wp...
曝光透视！wpk辅助是什么，微... 曝光透视！wpk辅助是什么，微乐小程序游戏破解器下载，指南书教程（有挂存在）-哔哩哔哩1、实时wpk...
了解透视！xpoker辅助器，... 了解透视！xpoker辅助器，微乐小程游戏破解器下载，举措教程（有挂攻略）-哔哩哔哩1、用户打开应用...
科普透视！steampoker... 科普透视！steampokermaster辅助，微乐内蒙古自建房脚本免费下载，教材教程（有人有挂）-...
解迷透视！hhpoker可以控... 解迷透视！hhpoker可以控制吗，微信微乐小程序辅助器免费安装，课程教程（果真有挂）-哔哩哔哩1....
有挂透视！智星德州插件最新版本... 有挂透视！智星德州插件最新版本更新内容详解，微乐小程序修复系统有用吗，方案教程（有挂解密）-哔哩哔哩...