zTree自定义样式图标---纯CSS样式实现

纯CSS样式覆盖，实现zTree自定义样式图标

1 . 效果样式（如下）

2 . 修改设置，隐藏默认图标

var setting = {
   
   view: {
   
       showTitle: false,
       showLine: false,
       showIcon: false,//不展示图标
       selectedMulti: false,
       dblClickExpand: false,
       nameIsHTML: true,
       addDiyDom: addDiyDom,
       addHoverDom: addHoverDom,
       removeHoverDom: removeHoverDom,
   },
  }

3 . CSS样式覆盖（单独放置在css文件里，在zTree样式文件下引入）

 #ztree1 .ztree li a.curSelectedNode {
   
     background-color: #676666;
     color: #fff;
 }
 #ztree1 .ztree li a.curSelectedNode:hover{
   
     background-color: #676666;
     color: #fff;
 }
 #ztree1 .ztree li a:hover {
   
     background-color: #eee;
     color