如何改变el-menu-item选中时底部下划线颜色
时间: 2023-07-05 11:24:36 浏览: 572
你可以设置`el-menu-item`组件的`active-text-color`属性来改变选中时底部下划线的颜色。例如:
```html
<el-menu-item index="1" active-text-color="#f00">菜单项1</el-menu-item>
```
在这个例子中,我们将选中时的文本颜色设置为红色,同时底部下划线的颜色也会变为红色。
如果你想对所有的菜单项都进行这个设置,可以在CSS中添加如下样式:
```css
.el-menu-item.is-active {
border-bottom-color: #f00;
}
```
这个样式会在菜单项被选中时将底部下划线的颜色改为红色。
阅读全文