标触发<el-menu>中的<el-menu-item>时,鼠标放在菜单上不点击如何让字体变亮,//设置子菜单触发时的样式 .el-menu-item.is-active { //菜单项的背景颜色为红色 background-color: #1e1e1e !important; //鼠标选择时,字体的 color: #ffffff !important; }
时间: 2024-03-21 19:39:20 浏览: 119
Element NavMenu导航菜单的使用方法
你可以通过以下 CSS 样式来实现标触发 `<el-menu>` 中的 `<el-menu-item>` 时,鼠标放在菜单上不点击让字体变亮,并且设置子菜单触发时的样式:
```css
/* 鼠标悬停在菜单项上时,字体颜色变为蓝色 */
.el-menu-item:hover {
color: #409EFF;
}
/* 菜单项的背景颜色为红色 */
.el-menu-item.is-active {
background-color: #1e1e1e !important;
}
/* 鼠标选择时,字体的颜色为白色 */
.el-menu-item.is-active > a {
color: #ffffff !important;
}
```
这样,当鼠标悬停在菜单项上时,字体颜色会变为蓝色;当菜单项被选中时,背景颜色会变为红色,字体颜色会变为白色。你可以根据需要自行修改颜色值。
阅读全文