el-menu气泡颜色
时间: 2023-10-02 18:03:36 浏览: 80
vue2+el-menu实现路由跳转及当前项的设置方法实例
el-menu的气泡颜色可以通过以下方式进行设置:
1. 使用组件的 "popper-class" 属性来设置气泡的样式类,然后在 CSS 中定义该样式类的样式。例如:
```html
<el-menu>
<el-menu-item index="1" popper-class="my-popper-class">菜单项</el-menu-item>
</el-menu>
```
```css
.my-popper-class .el-popover__popper {
background-color: red; /* 设置气泡的背景颜色为红色 */
}
```
2. 可以通过修改全局的CSS样式来改变所有菜单项的气泡颜色。例如:
```css
.el-menu-item__popover {
background-color: blue; /* 设置气泡的背景颜色为蓝色 */
}
```
这里只是举例说明,你可以根据自己的需求来设置菜单项气泡的颜色。
阅读全文