首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >基于角材料步进定向应用不同的CSS

基于角材料步进定向应用不同的CSS
EN

Stack Overflow用户
提问于 2022-07-25 15:51:02
回答 1查看 86关注 0票数 0

我有一个角度材料步进,可以显示垂直或水平的基础上的用户输入。有没有一种方法可以根据方向将不同的CSS样式应用于步骤?

例如,当垂直时,将红色背景应用于步骤的内容,而当水平时,将红色背景应用于蓝色背景。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-07-25 16:11:18

只需根据用于在垂直/水平上显示步进的相同条件添加ngClass或ngStyle即可。

如果您当前的代码类似于

代码语言:javascript
运行
复制
<mat-stepper orientation="verticalStepper ? 'vertical' : 'horizontal'">...</mat-stepper>

添加ngClass属性绑定

代码语言:javascript
运行
复制
<mat-stepper orientation="verticalStepper ? 'vertical' : 'horizontal'" [ngClass]="{ 'vertical-stepper': verticalStepper, 'horizontal-stepper': !verticalStepper }">...</mat-stepper>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73112053

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档