在vue3中,如果想要修改label标签的颜色,我们不能在局部的样式下修改,vue3中就是指<style scoped>,我们需要去除scoped ,然后用.el-form-item__label选中元素,注意这里的下划线是两个,修改颜色,同时,如果无法成功的话,那么优先级可能不够,还需要加上!important。代码示例如下:
<style>
.el-form-item__label {
color: rgb(3, 0, 8) !important; /* 设置 label 的字体颜色 */
}
只是这样修改,那么修改的效果就会全局生效,而不是仅仅在当前组件中生效了。