Hey guys im really new to Vue, HTML, CSS and Element Plus. I wanted to create a Side Bar Menu with your own hover effect. However this is not changable. If you change the background-color of el-menu to anything, the hover effect vanishes. I've tried using :hover on the el-menu element and change the back-ground-color but this does not seem to work either. The default hover effect color is light blue but i need it in lightgray.

I am using Vue3

The Sidebar I want to use is from here: https://element-plus.org/en-US/component/menu.html#side-bar

CodePudding user response：

so I tried to test it from element-plus playground and it works fine when I override it from el-menu class. here is the link I tested. could you please add more detail.