Stepper 组件的自定义 (Nebular / Angular)
Customization of a Stepper component (Nebular / Angular)
我想知道我是否能够自定义 Nebular Stepper component. I found out that you can customize some of the scss using Nebular Custom theming 的 scss/html 模板，但我需要更改没有主题变量的内容，例如Stepper Header（完成的步骤图标、外观编号等）和 Stepper 连接器（外观、尺寸等）..
我对angular/nebular组件有些陌生，所以我不知道如何自定义预制组件的scss/html模板，谁能帮帮我？
更好的方法是在 nebular 中创建您自己的主题，而不是根据您的需要更改单个元素，但也有一种方法可以实现您的尝试。
为此，您需要找到与步进器相关的 类，然后在您的全局样式文件中应用您的样式
不在组件样式中。这不会起作用，因为 nebular 已经设置了全局样式，它会覆盖你的样式，即使你使用 !important
您可以使用以下 类 更新步进器：
.nb-theme-corporate nb-stepper .header .step.selected .label-index
这用于更新所选步骤的 border/background 颜色
.nb-theme-corporate nb-stepper .header .step.selected
这用于更改所选步骤的字体样式
对于所有其他步骤，您只需删除 .step.selected 即可应用
我想知道我是否能够自定义 Nebular Stepper component. I found out that you can customize some of the scss using Nebular Custom theming 的 scss/html 模板，但我需要更改没有主题变量的内容，例如Stepper Header（完成的步骤图标、外观编号等）和 Stepper 连接器（外观、尺寸等）..
我对angular/nebular组件有些陌生，所以我不知道如何自定义预制组件的scss/html模板，谁能帮帮我？
更好的方法是在 nebular 中创建您自己的主题，而不是根据您的需要更改单个元素，但也有一种方法可以实现您的尝试。
为此，您需要找到与步进器相关的 类，然后在您的全局样式文件中应用您的样式
不在组件样式中。这不会起作用，因为 nebular 已经设置了全局样式，它会覆盖你的样式，即使你使用 !important
您可以使用以下 类 更新步进器：
.nb-theme-corporate nb-stepper .header .step.selected .label-index这用于更新所选步骤的 border/background 颜色
.nb-theme-corporate nb-stepper .header .step.selected这用于更改所选步骤的字体样式
对于所有其他步骤，您只需删除 .step.selected 即可应用