原本模样:
##背景有分外层和内层
1.为了能看清区别先改外层背景颜色修改
.el-dropdown-menu{
background-color: #142840 !important;
}
2.外部背景颜色修改,为了明显的能看到确实有外部的背景,先来修改边框颜色
①边框颜色已做处理
.el-popper.is-light{
border: 1px solid #142840 !important;
}
②从上面看,四个角还有残留的白色点就是外部的背景颜色,来继续~~背景的处理
##接下来处理顶部白色的三角
1.背景
<style>
.el-popper.is-light .el-popper__arrow::before{
background: #142840 !important;
}
</style>
2.最后再修改顶部三角边的问题
<style>
.el-popper.is-light .el-popper__arrow::before{
border: 1px solid #142840 !important;
}
</style>
#hover时
.el-dropdown-menu__item:hover{
background: $blue !important;
}
*****注意是在非 scope的情况下才生效