无论加important还是deep ,发现怎样也改不了下拉框的样式,点击元素发现下拉框与script标签是同级的(看下图)
官方文档上写加 :popper-append-to-body=‘false’ ,再修改样式,但对我好像没有用
官方文档上写还有一个属性,可以给下拉框添加类名,发现这个可以,但是样式不能加scope,这点就很重要,否则样式还是无效
最终方案,添加类名popper-class=“popper_select”,去掉scope ,看代码
<el-select v-model="popInfo.season" popper-class="popper_select"><el-option label="春" value="春"></el-option><el-option label="夏" value="夏"></el-option><el-option label="秋" value="秋"></el-option><el-option label="冬" value="冬"></el-option></el-select>
<style lang="scss" >
.popper_select{z-index: 9999!important;
}
</style>