element ui 怎么修改單獨一個label的顏色

可能原因：
1、css的優(yōu)先級不夠，被覆蓋了，你需要增加足夠多選擇器的嵌套（或者使用important），確保css的優(yōu)先級大于element ui的css
2、vue 組件中使用了<style scoped></style> scoped 屬性會限制該組件的style的作用域，無法作用于其他組件

我試了一下，這樣寫是可以的，給你做個參考吧

style

<style>
    .redItem .el-form-item__label{
        color: red;
    }
</style>

template

<el-form label-width="80px" :model="formLabelAlign">
                <el-form-item label="名稱">
                    <el-input v-model="formLabelAlign.name"></el-input>
                </el-form-item>
                <el-form-item label="活動區(qū)域" class="redItem">
                    <el-input v-model="formLabelAlign.region"></el-input>
                </el-form-item>
                <el-form-item label="活動形式">
                    <el-input v-model="formLabelAlign.type"></el-input>
                </el-form-item>
</el-form>

js

data() {
     return {
           formLabelAlign: {
                 name: '',
                 region: '',
                 type: ''
           }
     };
},

結(jié)果：