el-menu-item点击后出现黑框
时间: 2023-10-21 18:01:59 浏览: 193
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
el-menu-item点击后出现黑框是因为el-menu-item组件在被点击或者激活状态下会展现一个默认的样式,这个样式包括设置菜单项的背景颜色为黑色。这个黑框的目的是用来提醒用户当前所处的菜单项。
要去掉el-menu-item点击后出现的黑框,可以通过自定义样式来修改菜单项的样式。在你的样式文件中添加以下代码:
.el-menu-item.is-active {
background-color: transparent !important;
}
上面的代码将把点击激活状态下菜单项的背景颜色设置为透明,这样就不会出现黑框了。这里使用了 `!important` 以确保样式生效。
除了修改背景颜色为透明,你也可以根据你的需要修改其他的样式属性,比如颜色、边框等。只需要在上述的选择器中添加你想要修改的属性和值即可。
总的来说,通过自定义样式可以解决el-menu-item点击后出现黑框的问题。但是需要注意的是,在修改样式时要谨慎,不要影响到其他相关的样式。
阅读全文