如何仅使用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节点的图标？

回答

相关问题