element ui 修改select 背景颜色,无法修改问题

element ui 修改select 背景颜色,无法修改问题

element ui 修改select 背景颜色,无法修改问题_第1张图片

        /* select 背景 */ 
        .el-select-dropdown {
            background-color: red !important;
        } 
        /* END */

如图:根本控制不了

加入这个属性 :popper-append-to-body="false"
注:这个属性加上scpe也可以用
官方给的的解释是:是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 false

                    <el-select v-model="value"  :popper-append-to-body="false" placeholder="请选择">
                        
                        <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                        </el-option>
                        
                    </el-select>

在写上样式

就可以了!
element ui 修改select 背景颜色,无法修改问题_第2张图片

你可能感兴趣的:(js,Element,ui,Vue)