Jak zmienić ikonę węzła JStree za pomocą tylko css?

Question

Próbuję dowiedzieć się, jak zmienić ikonę węzła JStree za pomocą tylko css? Istnieje wiele postów wyjaśniających, jak to zrobić z javascript, ale wolę używać tylko css.

Oto mój kod do tej pory:

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

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

CSS używam domyślnego arkusza stylów dostarczony przez jstree. Dokumentacja dostarczona przez jstree jest naprawdę brzydka. Więc stackoverflow to duża pomoc, ale nie mogłem znaleźć tego na stronie.

Jeśli potrzebujesz więcej kodu lub informacji, zapytaj. Dzięki

Answer 1

Trzeba tylko uwzględnienie tego w CSS:

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

This is a fiddle działa poprawnie (aktualizacja 2016):