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

通过浏览器调试找到
复制粘贴后，修改颜色

/* 修改导航菜单栏悬浮时的背景颜色 /
.el-submenu__title:hover, .el-menu-item:focus, .el-menu-item:hover{
background-color: cornflowerblue;
}
/ 导航二级菜单栏点击之后的一像素边的问题 */
.el-menu{
border-right: none;
}

/* 导航栏点击后,左边的颜色设置 */
.el-menu-item.is-active{
border-left: solid 3px #26a1fa;
}