elementUI修改navMenu带有二级菜单的title样式
在vue项目中使用了elementUI的navMenu的横向菜单，需要修改菜单的高度，默认是60px，要求是50px。给所有的 el-menu-item 标签修改了样式，唯独带有二级菜单的，样式就应用不上去。二级菜单是使用slot添加的，单独给这个slot添加样式，等渲染出来，样式却没有了。费了不少功夫，算是找到了解决方法。不知道全局引入样式有毛用，朋友说可以，但是我没有试。在此记录一下我的...
·
在vue项目中使用了elementUI的navMenu的横向菜单，需要修改菜单的高度，默认是60px，要求是50px。
给所有的 el-menu-item 标签修改了样式，唯独带有二级菜单的，样式就应用不上去。
二级菜单是使用slot添加的，单独给这个slot添加样式，等渲染出来，样式却没有了。
费了不少功夫，算是找到了解决方法。不知道全局引入样式有毛用，朋友说可以，但是我没有试。在此记录一下我的解决方法。
使用深选择器
.el-main .el-menu–horizontal /deep/ .el-submenu .el-submenu__title{
height: 50px;
line-height: 50px;
}
还有另一种写法：
.el-main .el-menu–horizontal >>> .el-submenu .el-submenu__title
{
height: 50px;
line-height: 50px;
}
前往低代码交流专区
更多推荐
2
0- 0
已为社区贡献5条内容
所有评论(0)