vue element ui修改导航菜单栏鼠标悬浮时的背景颜色和点击二级菜单时多出的一像素边框问题

最新推荐文章于 2025-07-02 09:13:14 发布

原创最新推荐文章于 2025-07-02 09:13:14 发布 · 1.2w 阅读

15 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #qt

本文探讨了如何通过浏览器调试修改网站导航菜单的悬浮背景颜色，解决二级菜单点击后的边框问题，并介绍了激活状态下的导航栏颜色设置技巧。适合前端开发者深入理解CSS样式调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过浏览器调试找到请添加图片描述
复制粘贴后，修改颜色
在这里插入图片描述
/* 修改导航菜单栏悬浮时的背景颜色 /
.el-submenu__title:hover, .el-menu-item:focus, .el-menu-item:hover{
background-color: cornflowerblue;
}
/ 导航二级菜单栏点击之后的一像素边的问题 */
.el-menu{
border-right: none;
}