el-menu鼠标移开变白
时间: 2023-09-29 15:02:25 浏览: 79
el-menu组件是element库中的一个菜单组件,它可以实现鼠标移动到菜单上时,菜单项的背景颜色变为白色的效果。要实现这个效果,可以使用element中提供的样式类名来设置。具体来说,可以在el-menu组件上添加:hover伪类选择器,并设置菜单项的背景颜色为白色即可。以下是示例代码:
```css
.el-menu-item:hover {
background-color: white;
}
```
这样,当鼠标移动到el-menu菜单项上时,背景颜色就会变为白色。希望对你有帮助!<span class="em">1</span>
#### 引用[.reference_title]
- *1* [element 中 el-menu 组件的无限极循环思路代码详解](https://download.csdn.net/download/weixin_38743054/12926472)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]