केवल सीएसएस का उपयोग कर जेएसटीई नोड के आइकन को कैसे बदला जाए?

Question

मैं यह जानने का प्रयास कर रहा हूं कि केवल जेएसएस नोड का आइकन केवल सीएसएस का उपयोग करके कैसे बदला जाए? जावास्क्रिप्ट के साथ ऐसा करने में बहुत सारी पोस्ट हैं, लेकिन मैं केवल सीएसएस का उपयोग करना पसंद करता हूं।

$("#treeview").jstree().on('loaded.jstree', function() 
{ 
    $("#treeview").jstree('open_all'); 
}); 

और एचटीएमएल:

<div id="treeview"> 
    <ul> 
    <li> 
     <a href="#">abcdefghijkl</a> 
     <ul> 
     <li> 
      <a href="#" onclick="goTo('index.php?module=klimaat&amp;pagina=dashboard&amp;id=6',false);"> 
      Beneden</a> 
     </li> 
     <li> 
      <a href="#" onclick="goTo('index.php?module=klimaat&amp;pagina=dashboard&amp;id=7',false);"> 
      Boven</a> 
     </li> 
     </ul> 
    </li> 
    </ul> 
</div> 

सीएसएस के लिए मैं डिफ़ॉल्ट शैली jstree द्वारा दिया शीट का उपयोग कर रहा

यहाँ मेरी कोड अब तक है। जेस्ट्री द्वारा प्रदान किया गया दस्तावेज वास्तव में क्रोधित है। तो stackoverflow एक बड़ी मदद है, लेकिन मैं इसे वेबसाइट पर नहीं मिला।

यदि आपको अधिक कोड या जानकारी चाहिए, तो कृपया पूछें। धन्यवाद

Answer 1

तुम बस सीएसएस में यह शामिल करने के लिए है:

a .jstree-icon 
{ 
    background-image: url("yourimage.png")!important; 
    background-position: 0!important; 
} 

This is a fiddle सही ढंग से काम (2016 अपडेट):