elementUI级联选择器触发方式为hover时出现黑色背景

271 阅读1分钟

最近做项目时用到了级联选择器,就出现了这个bug。以前用没有出现过这个情况,不知道和框架有没有关系。框架自带的element版本上2.8.0,我以为是版本问题,升级到最新版本项目直接报错。。。。后来退了一个版本项目可以运行了,但hover时黑色背景依然存在。

1661388861956_AF4A0D4A-0758-4a2c-8B7F-966DA2ECCDD1.png

仔细查看元素后,发现是列表ul中的svg的path出了问题,把它隐藏就好了。

<style lang="scss">
    .el-cascader-menu__hover-zone path {
          display: none;
    }
</style>

注意:使用scoped时要加/deep/