如何僅使用css更改JStree節點的圖標？

我想找出如何更改只使用CSS的JStree節點的圖標？有很多文章解釋如何使用JavaScript，但我更喜歡只使用CSS。如何僅使用css更改JStree節點的圖標？

這裏是到目前爲止我的代碼：

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

和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我使用由jstree提供的默認樣式表。 jstree提供的文檔非常糟糕。所以stackoverflow是一個很大的幫助，但我在網站上找不到這個。

如果您需要更多的代碼或信息，請詢問。由於

來源

2012-06-19 RTB

你一定要包括這在CSS：

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

This is a fiddle正常工作（更新2016）：

來源

2012-06-20 19:56:05 Alvaro

謝謝，我會的時候我可以試試這個後來這一天。希望它的作品，然後我會除了你的答案;） – RTB

你的答案沒有完全正常工作，所以我改變了這個 .jstree-默認li安 { 背景：url（「../ images/icoons/search.png「）0px 0px不重複！重要; } – RTB

答案很舊，jsfiddle不起作用，但仍然可以。我也可以建議使用響應json的圖標屬性並通過那裏的css類名稱。 –

如何僅使用css更改JStree節點的圖標？

回答

相關問題