修改element ui组件 el-select 默认选中颜色

<el-col :span="16"  id="labelStyle">
                <el-select  v-model="value" placeholder="" :popper-append-to-body="false">
                    <el-option v-for="item in sellerLabels" :disabled="!item.status" :key="item.labelId"
                        :label="item.iconName" :value="item.labelId">
                        {{ item.iconName }}
                    </el-option>
                </el-select>
            </el-col>
::v-deep #labelStyle .el-select-dropdown__list .selected{
    color:#C0C4CC !important; 
    font-weight: 400;
}

其中修改 被禁止选项目的默认选中颜色

::v-deep #labelStyle .el-select-dropdown__list .selected.is-disabled{
    color:#C0C4CC !important; 
    font-weight: 400;
}

 注意:

若在组件中,需要将样式写在其父元素内,而不能直接写组件内

posted @ 2023-11-24 16:56  shuihanxiao  阅读(329)  评论(0编辑  收藏  举报