Wie ändert man das Icon eines JStree-Knotens nur mit CSS?

Question

Ich versuche herauszufinden, wie Sie das Symbol eines JStree-Knotens nur mit CSS ändern können. Es gibt viele Posts, die erklären, wie man es mit Javascript macht, aber ich bevorzuge nur CSS.

Hier ist mein Code so weit:

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

und die HTML-:

<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> 

Für CSS verwende ich die Standard-Stylesheet von jstree geliefert. Die von jstree zur Verfügung gestellte Dokumentation ist wirklich beschissen. Stackoverflow ist also eine große Hilfe, aber ich konnte diese auf der Website nicht finden.

Wenn Sie mehr Code oder Informationen benötigen, fragen Sie bitte. Dank

Answer 1

Sie müssen nur diese in der CSS sind:

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

This is a fiddle richtig funktioniert (letzter Stand 2016):