ztree modify icons of all child nodes method

After the first zTreeStyle.css find this file, view pictures referenced therein,

.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")}

All referenced pixel icon will adopt the cutting is performed excerpts pictures,

The following is selected as a node in this style icon in css,

This time I want to make the same icon child and parent nodes in my ztree, the parent node of all icons,

Jsp may be modified in need thereof a <style type = "text / css"> covering the increase following code

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

	</style>

  

At this point the icon on the child nodes and parent node icon consistent, both for the style folder

 

Reference Address: http://www.coin163.com/it/x4672668853526845126/tree

Guess you like

Origin www.cnblogs.com/fighting-20191010/p/11947684.html
Recommended