el-menu 组件：导航菜单中箭头方向问题(对默认的上下进行样式的修改)

原先是element-ui中是默认上下

 

 

/*菜单打开*/
.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);

 }

　　

改为右下

需要覆盖原来的样式

//菜单关闭
.el-submenu>.el-submenu__title .el-submenu__icon-arrow{
    -webkit-transform: rotateZ(-90deg); 
    -ms-transform: rotate(-90deg);
    transform: rotateZ(-90deg); 
}
//菜单展开
.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{
    -webkit-transform: rotateZ(0deg); 
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg); 
}

 

 

 原文链接：https://blog.csdn.net/qq_39692256/article/details/82227990