CSS实现鼠标移至图片上显示遮罩层及文字效果

蓝胖子的多啦A梦: 你好 想问一下你是怎么调试的呐？，第一种方法，，通过ref得形式，点击查询按钮 ，打印可以拿到值啊

m0_72769330: .mySelectStyle { border: none !important; .el-select-dropdown { background-color: #0e1c2a; color: #ffffffaf; .el-select-dropdown__item { color: #ffffffaf; &:hover { background-color: #000d26cc; color: #fff; } } } .el-select-dropdown__item hover { background-color: #000d26cc; } .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: #000d26cc; } .el-select__popper.el-popper .el-popper__arrow::before{ border-bottom-color: #0e1c2a !important; } } 我把修改的样式放到mySelectStyle外面，就修改成功了，但这又变成了修改全局的select了

m0_72769330: 嗯，我加了个class名了，但这个小三角的样式好难改阿，怎么改都改不对

蓝胖子的多啦A梦: 因为我的项目里要求是所有的下拉框都改成统一的样式，加上scoped确实不生效的，而且你也可以在最外层嵌套一个class名字就可以了

蓝胖子的多啦A梦: 建议在el-select中 添加 popper-class="mySelectStyle" 属性，style中 这样写：.mySelectStyle { .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background: #2A77C6 !important; } //下拉框的文本颜色 .el-select-dropdown__item { color: #B3BCCE !important; } //选中之后的颜色 .el-select-dropdown__item.selected { background: #2A77C6 !important; } }