<el-menu>中,鼠标点击一个菜单时会出现这个菜单的背景色
时间: 2024-03-21 21:37:48 浏览: 195
菜单导航(鼠标点击那个菜单,那个菜单背景颜色改变)
4星 · 用户满意度95%
在 `element-ui` 的 `<el-menu>` 组件中,当鼠标点击一个菜单时,会出现这个菜单的背景色。如果您想要修改这个背景色,可以使用 `active-background-color` 属性来设置新的背景色。
例如,如果您想要将菜单选中后的背景色设置为红色,可以在 `<el-menu>` 元素上添加 `active-background-color` 属性并将其设置为红色的颜色值,如下所示:
```
<el-menu active-background-color="#ff0000">
...
</el-menu>
```
这样,在鼠标点击一个菜单时,菜单的背景色就会变为红色。您可以将 #ff0000 替换为其他颜色值来设置不同的背景色。
阅读全文