ztree修改所有子节点图标的方法

首先找到    zTreeStyle.css  这个文件后,查看其中引用的图片,

.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
	border:0 none; cursor: pointer;outline:none;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}

所有引用的图标将采用像素切割的方法进行节选图片,

在这个css中下面就是为节点进行选择图标样式,

这次我想在我的ztree中让子节点和父节点的图标一致,都为父节点的图标,

可以在需要的修改的jsp中的<style type="text/css">中进行覆盖,增加以下代码

<style type="text/css">
	
		.ztree li span.button.ico_docu {
	   		 background-position: -110px 0;
	  		 margin-right: 2px;
	  		 vertical-align: top;
		}

	</style>

  

此时子节点的图标就和父节点图标一致,都为文件夹的样式

参考 地址:http://www.coin163.com/it/x4672668853526845126/tree

猜你喜欢

转载自www.cnblogs.com/fighting-20191010/p/11947684.html