// 修改圆圈激活样式
:deep(.el-step__head.is-process) {
color: red !important; // 圆圈中数字
border-color: red !important; // 圆圈
}
// 修改文字激活样式
:deep(.el-step__title.is-process) {
color: red !important; // 圆圈下的标题文本
}
也可以把这个样式包到一个类名中,然后直接使用类名就可以使用。
.current_step {
:deep(.el-step__head.is-process) {
color: red !important; // 圆圈中数字
border-color: red !important; // 圆圈
}
:deep(.el-step__title.is-process) {
color: red !important; // 圆圈下的标题文本
}
}