jstree 节点图片样式区别

修改前
.jstree-default .jstree-open > ins { background-position:-72px 0; }
.jstree-default .jstree-closed > ins { background-position:-54px 0; }
.jstree-default .jstree-leaf > ins { background-position:-36px 0; }

.jstree-default .jstree-hovered { background:#e7f4f9; border:1px solid #d8f0fa; padding:0 2px 0 1px; }
.jstree-default .jstree-clicked { background:#beebff; border:1px solid #99defd; padding:0 2px 0 1px; }
.jstree-default a .jstree-icon { background-position:-56px -19px; }
.jstree-default a.jstree-loading .jstree-icon { background:url("throbber.gif") center center no-repeat !important; }

.jstree-default.jstree-focused { background:#ffffee; }

修改后
/*展开合并加减样式 IE8*/
.jstree-default .jstree-open > ins { background-position:-72px 0 ;}
.jstree-default .jstree-closed > ins { background-position:-54px 0;}
.jstree-default .jstree-leaf > ins { background-position:-36px 0; }

.jstree-default .jstree-hovered { background:#e7f4f9; border:1px solid #d8f0fa; padding:0 2px 0 1px; }
.jstree-default .jstree-clicked { background:#beebff; border:1px solid #99defd; padding:0 2px 0 1px; }


.jstree-default a .jstree-icon { background-position:-76px -34px; padding-top:2px;}

/*叶子节点的样式*/
.jstree-default a .jstree-icons { background-position:-76px -34px; padding-top: 2px;}

/*叶子节点样式
.jstree-default li > ul > li > a .jstree-icon { background-position:-76px -34px; }*/

/*书展开样式*/
.jstree-default .jstree-open > a .jstree-icon { background-position:-56px -36px; }
.jstree-default a.jstree-loading .jstree-icon { background:url("throbber.gif") center center no-repeat !important; }
/*书合并样式*/
.jstree-default .jstree-closed > a .jstree-icon { background-position:-56px -16px; padding-top:2px;}

.jstree-default.jstree-focused { background:#ffffee; }

你可能感兴趣的:(jstree)