ztree樹樣式的設計

ztree的功能雖然很是強大，但是唯一有一點就是樣式有點普通，所以如果我們需要修改樣式，那么就只能進行樣式重新覆蓋了

樣式代碼，這些都是根據實際樣式進行覆蓋

/**
 * tree的選中樣式
 */
.checkbox_true_full+a>span,.light .checkbox_true_part+a>span,
.checkbox_true_full_focus+a>span,.light .checkbox_true_part_focus+a>span{
    color:#00abf3;
}
.dark .checkbox_true_full+a>span,.dark .checkbox_true_part+a>span,
.dark .checkbox_true_full_focus+a>span,.dark .checkbox_true_part_focus+a>span{
    color:#fff !important;
}
.ztree li a.curSelectedNode {
    padding-top: 0px;
    background-color: #00abf3;
    color: #fff;
    border: 1px #00abf3 solid;
    height: 18px;
    text-decoration: none;
}
.checkbox_true_full+a>span,.light .checkbox_true_part+a>span,
.checkbox_true_full_focus+a>span,.light .checkbox_true_part_focus+a>span{
    color:#00abf3;
}
/*修改文件夾與文件的圖標*/
/*  .ztree li span.button.ico_open, .ztree li span.button.ico_close{
    background: url(images/tree_file.png) 0 0 no-repeat;
}
.split-tip-cont .ztree li span.button.ico_docu{
    background: url(images/tree_folder.png) 0 0 no-repeat;
} */

.ztree li a.curSelectedNode span{ color:#fff !important;}

.glyphicon{top:0!important}

 

 

圖標的修改，因為ztree有自己的圖標，所以如果要改圖標，最簡單的方法就是將原始的圖片改掉（可以用ps進行修改了）

路徑在 ztree插件下面有一個 ztreeStyle的文件夾   ztree/zTreeStyle/img/zTreeStandard.png

 

原文件