本文介绍了如何根据公司的设计图稿修改zTree的默认样式，使其更符合美观需求。通过修改zTree的CSS样式，包括节点的字体颜色、背景图片、开关按钮以及被选中节点的样式，实现了不同层级节点的个性化展示。尽管目前存在根据层级动态匹配样式的限制，但已能支持多级树结构的样式定制。
ztree挺好用的，不过公司美工设计的行政树图稿一般都比ztree原生的样式要好看的多，所以只能自己单独对样式进行修改。目前样式倒是修改好了，只能不能根据层级动态匹配样式，每个层级的被选中样式需要对两个属性单独设置，具体修改地方下面代码中有描述
/**************行政树菜单样式**************************/
.left-content .leftlevel1.active>div>ul{
padding-left: 50px;
}
.ztree li a{
padding-top: 6px;
height: 30px;
}
.ztree li a:hover{
text-decoration: none;
}
.ztree li a{
color: #bababa;
}
.ztree li a.level0{
color: #666666;
font-weight: 1000;
}
.ztree li a.level1{
color: #9e9e9e;
}
/*开关按钮*/
.ztree .bottom_close,.ztree .bottom_open{
z-index: 1000;
}
.ztree li span.button.bottom_close,.ztree li span.button.root_close,.ztree li span.button.center_close{ </
最低0.47元/天 解锁文章
1187
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
