如何给<el-menu>设置背影色
时间: 2023-12-12 22:05:53 浏览: 75
vue2+el-menu实现路由跳转及当前项的设置方法实例
<-menu> 是 Element UI 中的一个组件,它提供了菜单的功能。要给<el-menu>设置背景色,我们可以使用它提供的 `background-color` 属性。
例如,如果我们想要将<el-menu>的背景色设置为灰色,我们可以在其上面添加一个类,并在该类中设置 `background-color` 属性,如下所示:
```html
<el-menu class="my-menu">
<el-menu-item index="1">菜单项1</el-menu-item>
<el-menu-item index="2">菜单项2</el-menu-item>
<el-menu-item index="3">菜单项3</el-menu-item>
</el-menu>
```
```css
.my-menu {
background-color: #ccc;
}
```
这里我们给<el-menu>添加了一个名为 `my-menu` 的类,并在其对应的 CSS 样式中设置了 `background-color` 属性为灰色。这样就能够将<el-menu>的背景色设置为灰色了。
阅读全文