Come cambiare l'icona di un nodo JStree usando solo css?

Question

Sto cercando di scoprire come cambiare l'icona di un nodo JStree usando solo css? Ci sono molti post che spiegano di farlo con javascript ma preferisco usare solo CSS.

Ecco il mio codice finora:

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

E l'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> 

Per CSS Sto utilizzando il foglio di stile predefinito consegnato da jstree. La documentazione fornita da jstree è davvero schifosa. Quindi StackOverflow è di grande aiuto, ma non ho trovato questo sul sito.

Se avete bisogno di più codice o informazioni, si prega di chiedere. Grazie

Answer 1

Non vi resta che includere questo nel CSS:

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

This is a fiddle funziona correttamente (aggiornato 2016):